使用JavaScript从动态创建的页面中解析一些信息

时间:2015-12-03 09:16:27

标签: javascript html getelementbyid

我在service-now ITSM tool工作且网址始终相同: example.service-now.com/navpage.do 表示该内容在网页中动态更新。 以下是Incident的页面中代码的一部分:

    <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>

我的最后一项任务是: 我想编写一个javascript书签来解析打开事件页面中的信息,并将其显示在浏览器的新选项卡中。

但首先,我无法获得最后value的{​​{1}}。我尝试了命令:

<input>

在谷歌浏览器的开发者控制台中,我收到“空”答案。

我尝试使用变量:

document.getElementById("u_incident_ict.number")

但因为null而收到错误:

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

所以,我的问题是: 如何借助javascript解析此页面中的信息。

1 个答案:

答案 0 :(得分:0)

工作正常,请检查代码。在文档就绪后尝试使用JavaScript代码,可能在加载

之前访问HTML元素

链接到示例&gt; 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)