JS 中html的document

1.document主要是干什么的

文档对象模型（Document Object Model）:在JS中获取html的元素进行修改，新增元素。

对于html页面来说它是由html head body div,from等标签组成，在js中将htnl的元素变成document(文档)进行管理，以上图来看 将document变成根节点，所以通过跟节点document来获取html中标签元素进行管理。

2.具体使用的方法：

HTML部分

  1）这个方法就是通过标签的id获取标签

      document.getElementById("")

  2）通过类名找到 HTML 元素

        document.getElementsByClassName("")

      通过标签名查找 HTML 元素

       var xId=document.getElementById("han-index");
       var xTr=xId.getElementsByTagName("td");

	

	

	  

	      
流程点
          
操作人
	      
业务名称
	      
结果 
          
审核意见
	      
操 作
      
	
	

		

			
G3201900003
			
名称
			
操作人
			
结果
			
审核意见
			

				

				

				

			
		
 
	
	



			

 将新的html标签赋值当前标签

 3）对于innerHTML 来说可以识别htmL的标签

       document.getElementById(id).innerHTML=新的 HTML

   4) 对于innerText 只识别文本

       document.getElementById(id).innerText = 新的Text

CSS部分

1.document.getElementById(id).style.property=”新样式“;

    
 
        
Hello World!
        
            
以上是CSS样式的调整
 
    

2.JS对html事件进行反应

  1）onclick：οnclick=JS函数。onclick在触发事件。onclick可以在大部分标签中使用。

你好世界!
大小写字母转换: 输入你的名字

 2）onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

 3）onchange 事件常结合对输入字段的验证来使用。

---

常用属性列举

document.title 　　　　　　                           //设置文档标题等价于HTML的title标签

document.bgColor 　　　　                           //设置页面背景色

document.fgColor 　　　　                           //设置前景色(文本颜色)

document.linkColor 　　　                            //未点击过的链接颜色

document.alinkColor 　　                             //激活链接(焦点在此链接上)的颜色

document.vlinkColor 　　                             //已点击过的链接颜色

document.URL 　　　　　                             //设置URL属性从而在同一窗口打开另一网页

document.fileCreatedDate                            //文件建立日期，只读属性

document.fileModifiedDate                           //文件修改日期，只读属性

document.fileSize 　　　　                           //文件大小，只读属性

document.cookie　　　　                             //设置和读出cookie

document.charset 　　　　                          //设置字符集 简体中文:gb2312

———————————————————————

常用对象方法

document.write() 　　　　　　　　　　　　                                  //动态向页面写入内容

document.createElement(Tag)　　　 　　                                   //创建一个html标签对象

document.getElementById(ID) 　　　　　                                  //获得指定ID值的对象

document.getElementsByName(Name)                                      //获得指定Name值的对象

document.getElementsByClassName(“className”)                      //获得指定class值的对象(数组)

document.getElementsByTagName(“TagName”)                         //获得指定Tag对象