Проверьте элемент и Просмотр исходного кода демонстрируют две разные вещи

Question

Я использую Осмотреть элемент в Google Chrome, чтобы выяснить, что контролирует размер кнопок контроллера слайд-шоу под слайд-шоу из этого шаблона сайта:

http://themefuse.com/demo/html/Medica/index-slider-2.html

когда я нажимаю Осмотрите элемент на кнопку «Кардиология» Я вижу строку в HTML-коде, говоря:

<li style="width: 192px; overflow: hidden;"><a href="#" rel="1" class="">Cardiology</a></li>

Однако при просмотре источника треску e страницы, такой линии не существует! Это проблема для меня, потому что я хотел бы отредактировать размер кнопки и текст внутри нее.

Пожалуйста, помогите! Благодаря!

Answer 1

«Исходный код» - это то, что браузер получил с сервера. Его можно изменить с помощью JavaScript; «Элемент проверки» всегда показывает текущую форму документа.

EDIT: Опять же, иногда это не сложно. Посмотрите, что я нашел в исходном коде:

<li> 
    <div class="textHolder"> 
    <h3>Cardiology</h3> 
    <p><span><strong><a href="#">Cardiac Rehabilitation Center</a></strong> We helped Glade Inc. design their latest fragrance for household perfumes </span></p> 
    </div> 
    <img src="images/temp/slider_img_01.jpg" alt="" /> 
</li> 

Далее оно модифицировано JS.

Answer 2

Этот список создан JS. Проверьте js/playSlider.js, начиная с строки № 335.