JavaScript中getElementById的使用方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
getElementById是将具有指定的id值的要素作为元素对象返回的方法,可以使用getElementById从HTML标签获取指定的id来处理某些内容、下面我们就来具体看看getElementById的使用方法。
<强> getElementById的用法
使用getElementById获取元素的方式如下
. getElementById (id) 在id中设置你希望在HTML中获取的id元素,由于在HTML中不能多次使用相同的id,因此它必须是唯一的id值。
如果HTML中有多个id,则仅返回第一个匹配的id元素。如果指定的id不存在,则返回零。
我们来看<强>具体的示例
<强>显示字符 <强>
代码如下
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt;元名称=皏iewport"内容=翱矶?设备宽度,初始=1.0,比;
& lt;元http-equiv=癤-UA-Compatible"内容=癷e=edge"比;
& lt; title> & lt;/title>
& lt;/head>
& lt; body>
& lt; p id=皌ext"祝辞& lt;/p>
& lt; script>
. getelementbyid (“text")。innerHTML=澳?好!“;
& lt;/script>
& lt;/body>
& lt;/html> <强>显示连接文字
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt;元名称=皏iewport"内容=翱矶?设备宽度,初始=1.0,比;
& lt;元http-equiv=癤-UA-Compatible"内容=癷e=edge"比;
& lt; title> & lt;/title>
& lt;/head>
& lt; body>
& lt; p id=皌ext2"祝辞& lt;/p>
& lt; script>
. getelementbyid (“text2")。innerHTML=癮"+“b";
& lt;/script>
& lt;/body>
& lt;/html> 运行结果如下
<强>显示计算结果
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt;元名称=皏iewport"内容=翱矶?设备宽度,初始=1.0,比;
& lt;元http-equiv=癤-UA-Compatible"内容=癷e=edge"比;
& lt; title> & lt;/title>
& lt;/head>
& lt; body>
& lt; p id=皌ext3"祝辞& lt;/p>
& lt; script>
. getelementbyid (“text3")。innerHTML=3 + 5;
& lt;/script>
& lt;/body>
& lt;/html> 运行结果如下
感谢各位的阅读!看完上述内容,你们对JavaScript中getElementById的使用方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。
