JavaScript学习-文本操作

一、获取

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