js dom属性

Myth丶恋晨 2021-07-24 11:11 428阅读 0赞

dom 常用属性
    
    	doctype
    		获得文档开头描述,若无返回null
    			document.doctype;
    			
    	documentElement
    		返回第二个子节点，即html文档
    			document.documentElement;
    	body
    		拿到body节点或frameset节点
    			document.body;
    			
    			
    	head
    		拿到head节点
    			document.head;
    		
    	documentURI/URL
    		获得文档地址
    			document.documentURI;
    			document.URL;
    		
    	domain
    		获得域名
    			document.domain;
    			
    	lastModified
    		获得最后修改日期
    			document.lastModified;
    		
    	location
    		地址栏信息
    			document.location;
    			document.location.reload(false); 从缓存刷新
    			document.location.reload(true);	  从服务器请求刷新,加载的资源更多
    		
    	title
    		获得title信息
    			document.title;
    		
    	readyState
    		文档加载状态信息
    			document.readyState;
    		
    	anchors、forms、images、links、script  获取文档内部节点的集合
    		document.anchors;
    		document.forms;
    		document.images;
    		document.links;
    		document.scripts;
    	
    	characterSet
    		document.characterSet;   获得字符集

location属性补充：  
![在这里插入图片描述][20191124224036665.png]代码示例：

<html>
    	<head>
    		<meta charset="utf-8">
    		<title>js dom</title>
    	</head>
    	<body>
    		<script>
    		
    			console.log(document.doctype)
    			console.log(document.documentElement)
    			console.log(document.body)
    			console.log(document.head)
    			console.log(document.documentURI)
    			console.log(document.URL);
    			console.log(document.domain)
    			console.log(document.lastModified)
    			console.log(document.location)
    			console.log(document.title)
    			console.log(document.readyState)
    			console.log(document.anchors)
    			console.log(document.scripts)
    		</script>
    		
    		
    	</body>
    </html>

[20191124224036665.png]: /images/20210724/f205159f0f074fd0adc7984c032d0ab1.png