js中如何获取一个id的值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中如何获取一个id的值?相关的知识,希望对你有一定的参考价值。

例如一个<li id="li1">如何才能过得这个li1这个值呢?

参考技术A js中如何获取一个id的值:
方法一、
<html>
<head>
<script
language="javascript">
function
print()
var
a=myform.name.value;
alert(a);

</script>
</head>
<body>
<form
name="myform">
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。
方法二、
Java代码
<html>
<head>
<script
language="javascript">
function
print()
var
a=document.getElementById("nn").value;
alert(a);

</script>
</head>
<body>
<form>
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
上面的两种方法都可以得到页面里input元素的值,一个是用表单名,一个是用元素id

js获取已知id的DOM元素

刚刚看一个代码吓到我了,代码大致如下:
<ul id="levelball">
</ul>
在js中竟然可以直接console.log(levelball),输出的是id为levelball的节点,吓,我并没有getElementById啊,为什么可以直接用id???

参考技术A 您好,HTML5规范文档中指出:如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象.
如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名.
如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个。
> "foo" in window
false
> typeof foo // 这个全局变量到底有木有?
object
//错误控制台输出了下面的警告.//Element referenced by ID/NAME in the global scope.
//Use W3C standard document.getElementById() instead.

> foo
[object HTMLDivElement]
//错误控制台输出了下面的警告.//Element referenced by ID/NAME in the global scope.
//Use W3C standard document.getElementById() instead.> "foo" in window true本回答被提问者和网友采纳

以上是关于js中如何获取一个id的值?的主要内容,如果未能解决你的问题,请参考以下文章

js如何获取某id的子标签?

JS如何获取值

如何使用JS获取具有相同id的元素的值

js 获取table中表单中的值

在JSP中如何获取Button按钮中的Value值?

js定义变量获取指定id的value值,只能获取到整数,无法获取到小数点后的值