文章目录
一、获取
1.1 innerHTML
语法:对象名.innerHTML
var tex = document.getElementById("div1").innerHTML;
document.write(tex);
1.2 innerText
语法:对象名.innerText
var tex = document.getElementById("div1").innerText;
document.write(tex);
1.3 value
语法:对象名.value
var tex = document.getElementById("div1").value;
document.write(tex);
二、创建
2.1 createTextNode
// 第一步: 创建新节点
var p=document.createElement("p");
// 第二步:把新节点放入指点节点前面、里面(父元素)、后面)
document.getElementById("div1").appendChild(p);
// 第三步:创建内容
var n=document.createTextNode("这是新段落。");
// 第四步:把内容放入新节点中
p.appendChild(n);
2.2 直接创建
var selString = "";
for(i = 0; i < 100; i++){
selString = selString + "<option>"+i+"</option>";
}
document.getElementById("sel").innerHTML = selString;
三、插入
3.1 innerHTML
新节点对象.innerText = 内容节点;
3.2 appendChild
新节点对象.appendChild(内容节点);
四、替换
4.1 innerText
document.getElementById("div1").innerText = "替换后的内容";
4.2 innerHTML
document.getElementById("div1").innerHTML = "替换后的内容";
五、删除
5.1 空字符串
语法:标签对象.属性值 = “”;
document.getElementById("div1").innerHTML = "";
document.getElementById("button1").value = "";
六、增加
6.1 innerText
语法:标签对象.innerText + “新内容”;
var a = document.getElementById("p1");
// 内部增加内容
a.innerHTML = a.innerText + "新内容";
// 外部增加内容
a.innerHTML = a.innerHTML + "<p>外部新内容</p>";