getElementById()s是什麼

qq_46987086發表於2020-11-10

定義和用法
getElementById() 方法可返回對擁有指定 ID 的第一個物件的引用。

語法

document.getElementById(id)

說明
HTML DOM 定義了多種查詢元素的方法，除了 getElementById() 之外，還有 getElementsByName() 和 getElementsByTagName()。

不過，如果您需要查詢文件中的一個特定的元素，最有效的方法是 getElementById()。

在操作文件的一個特定的元素時，最好給該元素一個 id 屬性，為它指定一個（在文件中）唯一的名稱，然後就可以用該 ID 查詢想要的元素。

例項
例子 1

<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementById("myHeader")
  alert(x.innerHTML)
  }
</script>
</head>
<body>

<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>

</body>
</html>

例子 2
getElementById() 是一個重要的方法，在 DOM 程式設計中，它的使用非常常見。我們為您定義了一個工具函式，這樣您就可以通過一個較短的名字來使用 getElementById() 方法了：

function id(x) {
  if (typeof x == "string") return document.getElementById(x);
  return x;
  }

上面這個函式接受元素 ID 作為它們的引數。對於每個這樣的引數，您只要在使用前編寫 x = id(x) 就可以了。

相關文章