Изменение свойств стиля через Tritium

Question

Вопрос для новичков, я работаю над простым сценарием: изменение цвета фона и текста элемента ввода на моей странице с помощью Tritium. Моя страница выглядит следующим образом:

<div class="hero" id="hero"> 
<div id="heroContentShort"> 
    <div class="heroContentShort"> 
     <h1 style="text-transform:capitalize;">My Text<span style="text-decoration:underline;font-weight:bold;"><a href="/pages/new.html" style="color:#FFFFFF">- on Moovweb</a></span></h1> 
    </div> 
</div> 

На мой .TS файл У меня есть следующие:

insert("div", class:"cus_title"){ 
    insert("div", class:"cus_row1"){ 
     move_here("//div[@id='hero']/div/div/h1") 
     attribute("background", "red") 
     text("My New Text") 
    } 
    } 

выше успешно меняется текст, хотя не сохраняющих любой формат и не является изменение цвета фона на красный.

Что я делаю неправильно?

Благодаря

Answer 1

В первую очередь, я настоятельно рекомендую вам не делать окраску в тритий. DOM и стиль должны быть раздельными. Я бы порекомендовал вас поставить это в нижней части вашего файла main.scss, если вы не хотите создавать свою собственную страницу. Тогда вы бы сделали:

.cus_row1 { 
    background-color: red; 
} 

Это привело бы к тому, что цвет фона будет работать отлично и правильно.

Однако, если (по какой-то причине), вы должны были сделать это в трития, я бы вместо этого:

insert("div", class:"cus_title"){ 
    insert("div", class:"cus_row1"){ 
     move_here("//div[@id='hero']/div/div/h1") 
     attribute("style", "background-color: red") 
     text("My New Text") 
    } 
    } 

Первая причина, это то, что атрибут фон является устаревшим. Во-вторых, таблица стилей пользовательского агента может перезаписать его. Надеюсь, это сработает для вас!