当前位置：首页 > AI娱乐 > 正文内容

document.getelementbyid().valu document.getElementById使用介绍，看了定有收获

admin2周前 (05-26)AI娱乐23

定义和用法

getElementById() 函数能够提供对具有特定ID的第一个元素的引用。

语法

通过调用document.getElementById函数，可以获取到指定id的元素，其中该id是以字符串的形式进行标识的。

说明

HTML DOM 提供了多种元素搜索机制，其中除了通过 getElementById() 进行定位外，还包括使用 getElementsByName() 和 getElementsByTagName() 进行查找。

若您意在文档中定位某个特定元素，那么采用getElementById()函数将是最高效的手段。

在处理文档中的某个特定部分时document.getelementbyid().valu document.getElementById使用介绍，看了定有收获，建议为该部分赋予一个id属性，并为它设定一个（在文档范围内）独一无二的标识名，这样便能够通过该ID来定位并选取所需的元素。

实例例子 1

<html>
<head>
<mce:script type="text/javascript"></mce:script>
</head>
<body>
<h1 id="myHeader" οnclick="getValue()">This is a header</h1>
<p style='margin-bottom:16px;color:#555555;font-size:16px;line-height:200%;text-indent:2em;'>点击标题以揭示其重要性，同时发出警示。</p>
</body>
</html>

例子 2

getElementById() 是 DOM 编程中不可或缺的函数，其应用频率极高。为此document.getelementbyid().valu，我们特别为您设计了一个便捷的工具函数，让您能够通过更简洁的名称来调用 getElementById() 方法。

 function id(x) {
  if (typeof x == "string")
通过调用document的getElementById方法，并传入参数x，获取对应的DOM元素。
  return x;
  }

该函数以元素ID作为输入参数。在使用这些参数之前，只需编写“x = id(x)”这一指令即可。

题外话：

这里要谈一谈大家可能面临的一个现象，有人认为是IE的漏洞，也有人觉得是IE为了兼容性而导致的。总之document.getelementbyid().valu document.getElementById使用介绍，看了定有收获，我的目标是记录并呈现这些差异。好的，请查阅以下内容：我引用了http://blog.csdn.net/mmcgzs/archive/2007/03/25/1540250.aspx上的例子进行说明，原因有二：一是这些例子较为简明易懂；二是出于个人惰性。

在IE浏览器中对上述代码进行了测试，首先在第一个输入框中输入数字1，接着在第二个输入框中输入数字2document.getelementbyid().valu，随后点击下方的两个按钮，大家不妨猜测一下会出现什么结果呢？

原本计划在点击第一个按键时显示一个包含首个文本信息的对话框，而在点击第二个按键时则显示包含第二个文本信息的对话框。

结果是两个按钮都返回了第一个文本框的值。

通过这一案例，我们可以得出一个结论，即在使用document.getElementById(elementName)方法时，ie浏览器会返回第一个其name或id属性值与elementName相匹配的元素，而非严格依据ID进行搜索。在Firefox浏览器中document.getelementbyid().valu，这种情况并不存在；当执行document.getElementById(elementName)操作时，Firefox只会搜索ID属性值与elementName相匹配的元素；若未找到对应元素，则会返回null值。

加入微信交流群：************ ，请猛戳这里→点击入群