JS中document.getElementById和getAttribute

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

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,842評論 2 17
  • 我們首先要明白,我們給頁面添加效果用到的js到底是什么?js其實包含三部分:dom 文檔對象模型 bom 瀏覽...
    一直以來都很好閱讀 817評論 0 0
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,798評論 0 8
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內(nèi)部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,766評論 18 399
  • 三十三個月夜的氣息, 揉進月光清柔的清漪, 流進女兒的夢里。 夢鄉(xiāng)里的嬌麗, 鼓舞著輕盈的稚翼, 在你如水的光影里...
    北塔雪松閱讀 689評論 29 93