DOM(文档对象模型)

• DOM节点的修改

var my=document.getELementById('closer');
my.innerHTML='final'; //修改段落中的文本
my.innerHTML='<em>my</em> final';//innerHTML可以接收一个HTML的字符串，故我们新建一个em节点
my.firstChild.firstChild.nodeValue='your'; //修改既定文本类节点的nodeValue属性来实现相关的文本修改

//修改样式
my.style.border="1px solid red";

//表单
var input=document.querySelector('input[type=text]');
input.value='my query';

• 新建节点

一般我们用createELement()和createTextNode()这两个方法来创建新节点。而appendChild()、insertBefort（）和replaceChild（）这三个方法则可以用来将新节点添加到DOM树结构中。

//新建p元素，并对它的innerTHML属性进行设置
var map=document.createElement('p');
map.innerTHML='yet another';
map.style.borer="1px solid red";//一般新建的元素会自动获得所有的默认属性
document.body.appendChild(map); //使用appendChild（）方法将新建节点添加到了DOM结构中（默认先后顺序）

//纯DOM方法：将<p>one more paragraph<strong>bold</strong></p>加入到body元素的后端
//caeate p
var myp=document.createElement('p');
//create text node and append to p
var myt=document.createTextNode('one more paragraph');
myp.appendChild(myt);
//create STRONG and append another text node to it
var str=document.createElement('strong');
str.appendChild(document.createTextNode('bold'));
//append STRONG to p
myp.appendChild(str);
//append p to body
document.body.appendChild(myp);

//insertBefore()
document.body.insertBefort(document.createTextNode('boo?'),document.body.firstChild);

• 移除节点

var removed=document.body.removeChild(myp);
//我们已经保存了该方法的返回值，尽管该节点不在DOM树中了，但我们依然可以对其调用所有的DOM方法
removed.firstChild;

• 只适用于HTML的对象

document.write("<em>"+new Date()+"</em>");

• document.cookie；

  该属性实际上是一个字符串，其中存储了用于往返服务器端与客户端之间的cookie信息。

• document.title;

  该属性是用来修改页面再浏览器窗口中所显示的标题的，但并没有改变<title>标签本身的值。

• document.domain;

  通过它我们可以得到当前所载入页面的域名。