Question

怎样在页面获取js对象的内容

Answer 1

1．有以下输入控件在HTML中，代码如下：<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2．可以使用js来获取id和答案varvalue＝文档。getelementbyid（“productName”）。值。

3．接下来，我们将警告（value），看看是否得到了输入的值。我们可以看到，输入的值已经成功弹出。

4．也可以使用文档。getElementsByName方法（name）。

5．如果您测试结果，您仍然可以看到“value”的值成功弹出。

6．您还可以通过jquery获得输入的值，这需要引入jquery的js包并传递代码＄（＂＃id＂）．val（）。＄（＂＃productName＂）．val（）。

7．＄（＂输入（＇name＝名字＇］”）．val（）；例如，上面的例子可以使用＄（＂input［＇name＝productName＇］＂）．val（）。

Answer 2

<div id="mydiv">
<span>abc</span>
</div>
<div id="mydiv2">
<span><a>abc</a></span>
</div>
<TABLE>
<TR>
<TD>aaa</TD>
<TD>bbb</TD>
</TR>
<TR>
<TD>ccc</TD>
<TD>ddd</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
// 通过id获取div元素
var div = document.getElementById("mydiv");
// 获取div下的span元素
var span = div.firstChild;
// 获取span元素中的文本
var text = span.innerText;
//alert(text);

// 获取div下的html
var html = div.innerHTML;
//alert(html);

// 处理div2
// 获取mydiv2>span>a>下的文本
var div2 = document.getElementById("mydiv2");
// 得到mydvi2>span>a元素
var a = div2.firstChild.firstChild;
text = a.innerText;
//alert(text);

// 处理表格
// 通过标签名获取table元素
var table = document.getElementsByTagName("table")[0];
// 下面获取bbb
// firstChild:就是第一个子元素,table.firstChild.firstChild.firstChild就是第一个TR下的第一个TD。
// nextSibling:就是下一个兄弟节点，兄弟节点就是处在同一级上的节点，比如aaa,bbb这2个所在的节点是同一级，所以他们是兄弟节点。
// table.firstChild.firstChild.firstChild:得到第一个TR下的第一个TD。
// table.firstChild.firstChild.firstChild.nextSibling:就是第一个TR下的第一个TD的兄弟节点，就是bbb所在的标签。
// 然后用innerText取出元素的文本值。要取出子标签的html，则用innerHTML
// 如果得到了第一个TR下的第2个TD，怎么得到第一个TD呢？可以用previousSibling（上一个兄弟节点）
// 如果得到了第一个TR下的第2个TD，怎么得到它的父元素TR呢？用parent（父节点）
// ps:当然，这个你可以用table.rows[0].cells[1]来获取bbb的内容。这个是针对table的。
// 但是上面的针对所有的dom元素都有效。
text = table.firstChild.firstChild.firstChild.nextSibling.innerText;
//alert(text);
alert(text);
//-->
</SCRIPT>

Answer 3

var html=document.getElementById('#id').innerHTML;