通过ID获取元素getElementById

语法:

 document.getElementById(“id”)

结果:null或[object HTMLParagraphElement].

除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

不过，最有效的方法是 getElementById()。

实例：

<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>

时间： 2024-11-07 10:43:48

通过ID获取元素getElementById的相关文章

js中用tagname和id获取元素的3种方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3种用tagname和id获取元素的方法</title> <style> body{ margin: 0; } ul{ margin: 0; padding: 0; list-style: none; } h1{

JavaScript通过ID获取元素坐标 function getElementPos(elementId) { var ua = navigator.userAgent.toLowerCase(); var isOpera = (ua.indexOf('opera') != -1); var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof var el = document.getElementByIdx

通过ID获取元素

网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人.那么在网页中,我们通过id先找到标签,然后进行操作. 语法: document.getElementById("id") 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法.例如: 运行结果为: 理解:输出为null,是因为代码是顺序执行的,先调用了JavaScript代码,但是这个时候还没有ID为"con"的元素,得到空理

jquery使用css类名和id获取元素

在jQuery中,你可以很容易的使用css 类名和id来获得元素. 例如: 1 ID: #id $('#ida')-选择id 为ida的所有元素,不管元素的标签名如何. $('div#ida')-选择id为ida的所有div标签元素. 2 Class:.classname $('.classA')-选择类名有一个为classA的所有元素,不管其标签名如何. $('div.classA')-选择类名有一个为classa的所有div元素. 完整的例子如下: <html> <head>

跟随标准与Webkit源码探究DOM -- 获取元素之getElementById

按照ID获取元素 -- getElementById 标准 DOM 1,定义在HTMLDocument Interface 中,原型Element getElementById(in DOMString elementId),当不存在拥有对应ID的元素时返回null,该方法不会抛出任何异常. DOM 2,移动到了Document(原HTMLDocument的Parent Interface),原型不变. DOM 3 特别声明浏览器应当使用Attr.isId判断 Attr 是否为 ID,同时加了一

JavaScript通过元素id和name直接获取元素的方法

概览: 偶然的机会,我在JavaScript中直接用HTML元素的id属性来获取该元素,并设置该元素的其他属性值,竟然能够正确解析不报错!于是我去查阅相关资料,也有其他同行这么用. 虽然说这种用法不是标准用法,推荐使用 document.getElementById(id);document.getElementByName(name); ,但也是一种新发现,先记录下来,以备后用. 本文讲述了JavaScript通过元素id和name直接获取元素的方法,以及自己在实践过程中总结的注意事项. 具体

根据id设置、获取元素的文本和value

/** * 根据id获取元素文本 * @param {String} id|元素id * return {Integer || String} text */function getText(id){ var text = $('#'+ id).text().replace(/(^\s*)|(\s*$)/g,""); if(text=='' || text==null){ return ''; } else if(!isNaN(text)){ var intText = parseIn

WebBrowser网页操作之提取获取元素和标签（完整篇）

最近使用WebBrower做了几个Hook小程序,收集积累如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows.Forms;// namespace WebBrowser网页操作 { public class Element { //根据Name获取元素 public HtmlElement GetElement_Name(Web

Web-Lesson05-初识JavaScript：获取元素事件

JavaScript:是一种脚本语言,动态类型.弱类型.通常用来操作HTML页面(HTML是骨架结构,CSS是样式装饰,JS是行为交互) 弱类型的体现: 一.JavaScript书写格式 1.Js代码写在哪里 1.JavaScript标签里. 2.写在外部.js后缀文件里,通过script标签引入(引入.js文件的script标签里,一定不能再写js代码,标签里写js代码一般情况不推荐) 2.script标签写在哪里 1.head里 2.body里(如果没有特殊要求,一般script标签