1.使用場景
- document.getElementById獲取的是dom對象,document.getAttribute獲取的是dom屬性。
- document.getElementById是通過id獲取dom對象,getAttribute是dom對象一個方法獲取屬性。自定義屬性建議用getAttribute,dom對象默認有的屬性,如id之類的可以直接dom.id獲取,否則需要用getAttribute,要不標準瀏覽器直接dom.xxx獲取不到屬性。
2.舉例說明
- 現(xiàn)在有這樣的一個HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測試一下</title>
</head>
<body>
讀取 <a href="dom_obj_attributes.php" target="_blank">Attr 對象</a>.
<p id="demo">單擊按鈕以顯示上述鏈接的目標屬性的值</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction(){
var a=document.getElementsByTagName("a")[0];
document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>
</body>
</html>
a) 運行該HTML之后,點擊按鈕顯示的為_blank
b) 或者在iOS中執(zhí)行
NSString *content=[webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('demo').getAttribute('target');"];
NSLog(@"%@", content);
打印值為_blank