Проанализируйте информацию с динамически созданной страницы с помощью JavaScript

Question

Я работаю в service-now ITSM tool, и URL-адрес всегда один и тот же: example.service-now.com/navpage.do Это означает, что контент обновляется динамически на веб-странице. Вот часть кода со страницы инцидента в:

<tr id="element.u_incident_ict.number"> 
     <td id="label.u_incident_ict.number" title="" data-type="label" choice="0" class="label label_spacing" nowrap="true" type="string"> 
     <span id="status.u_incident_ict.number" class="read_only label_description" title="Security does not permit writing to this field" oclass="read_only" mandatory="false">&nbsp;</span> 
     <label onclick="return labelClicked(this);" for="u_incident_ict.number" dir="ltr">Number:</label> 
     </td> 
     <td class="input_controls" nowrap="true"> 
     <input id="sys_original.u_incident_ict.number" value="ICT0169881" type="hidden" name="sys_original.u_incident_ict.number"> 
     <input id="sys_readonly.u_incident_ict.number" value="ICT0169881" class="disabled" style="direction:ltr; background-color:tomato; " readonly="readonly"> 
     <input id="u_incident_ict.number" value="ICT0169881" name="u_incident_ict.number" style="visibility: hidden; width: 1px;" onchange="onChange('u_incident_ict.number');"> 
     </td> 
    </tr> 

Моя последняя задача: Я хочу написать яваскрипта букмарклет для синтаксического анализа информации со страницы открытого инцидента и показать его в новой вкладке браузера.

Но, во-первых, я не смог получить value последних <input>. Я попробовал команду:

document.getElementById("u_incident_ict.number") 

В консоли разработчика Google Chrome я получил ответ «null».

Я попытался с переменной:

var x = document.getElementById("u_incident_ict.number") 
x.value 

Но получить ошибку из-за нуль:

Uncaught TypeError: Cannot read property 'value' of null 

Итак, мой вопрос: Как разобрать информацию с этой страницы с помощью JavaScript ,

Answer 1

Он отлично работает, пожалуйста, проверьте код. Попробуйте использовать код JavaScript после документа готовы, это может быть возможно, что вы обращаетесь к HTML-элемент, прежде чем нагрузки

Ссылка на пример>http://jsfiddle.net/nme8tcpn/

<span id="status.u_incident_ict.number" class="read_only label_description" title="Security does not permit writing to this field" oclass="read_only" mandatory="false">&nbsp;</span> 

<label onclick="return labelClicked(this);" for="u_incident_ict.number" dir="ltr">Number:</label> 

<input id="sys_original.u_incident_ict.number" value="ICT0169881" type="hidden" name="sys_original.u_incident_ict.number"> 

<input id="sys_readonly.u_incident_ict.number" value="ICT0169881" class="disabled" style="direction:ltr; background-color:tomato; " readonly="readonly"> 

<input id="u_incident_ict.number" value="ICT0169881" name="u_incident_ict.number" style="visibility: hidden; width: 1px;" onchange="onChange('u_incident_ict.number');"> 

- - - - - - - - - - - - - - - - - - - - 

var x = document.getElementById("u_incident_ict.number") 
alert(x.value)