DOM

DOM

捕获与设置

js获取文本内容：textContent，innerText，innerHTML

（1）text() 有值是修改

   ①捕获文本内容，等价于innerText

<p id="p1">我要捕获</p>
$("#p1").text();

   ②更改文本的内容

$("#p1").text("改了！")

（2）html()

   ①获取元素的内容，包括设置的样式。

<p id="p1">我要<span style="color: red">捕获</span></p>
alert($("#p1").html());

输出：

 

   ②更改内容样式

alert($("#p1").html("<div style='background-color: red'>我是新的div</div>"));

 

<table id="table1" border="1"></table>
var content = "<tr>";
content += "<td>JavaScript<
content += "<td>张三</td>";
content += "<td>清华大学出版社</td
content += "</tr>";
$("#table1").html(content);

（3）val()

   获取或设置value值

<input type="text" id="txt1" value="请输入内容"/>
alert($("#txt1").val());//获取
$("#txt1").val("不可以输入");//设置

（4）属性attr

   获取和更改元素的属性值。

<input type="text" id="txt1" name="第一章" value="请输入内容"/>
$("#txt1").attr("name","第二章");