JavaScript-HTML DOM的用法

题记

javascript中html dom的用法

通过id查找元素


html>
<html>
<head>
<meta charset="utf-8">
<title>实例title>
head>
<body>
 
<p id="intro">你好世界!p>
<p>该实例展示了 <b>getElementByIdb> 方法!p>
<script>
x=document.getElementById("intro");
document.write("文本来自 id 为 intro 段落: " + x.innerHTML + "
");
script>
 
body>
html>

通过标签名查找元素


html>
<html>
<head>
<meta charset="utf-8">
<title>实例title>
head>
<body>
 
<p>你好世界!p>
<div id="main">
<p> DOM 是非常有用的。p>
<p>该实例展示了  <b>getElementsByTagNameb> 方法p>
div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id="main"元素中的第一个段落为：' + y[0].innerHTML);
script>
 
body>
html>

通过类名查找元素


html>
<html>
<head>
<meta charset="utf-8">
<title>实例title>
head>
<body>
 
<p class="intro">你好世界!p>
<p>该实例展示了 <b>getElementsByClassNameb> 方法!p>
<script>
x=document.getElementsByClassName("intro");
document.write("文本来自 class 为 intro 段落: " + x[0].innerHTML + "
");
script>
<p><b>注意：b>Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。p>
body>
html>

后记

觉得有用可以点赞或收藏！

相关阅读:
矩形脉冲波形的占空比及脉冲和瞬态特征的测量
C语言：两个数的交换函数
9个强化学习现实生活中的应用
Vatee万腾未来科技之航：Vatee创新引领的新纪元
『现学现忘』Docker基础 — 42、补充：save和load命令说明
idea集成jboss后如何调试
Qt怎么把背景转换为黑色?
第四章网络层 | 计算机网络（谢希仁第八版）
MYSQL中的触发器TRIGGER
T1091 求阶乘的和(信息学一本通C++)

原文地址：https://blog.csdn.net/m0_70819559/article/details/134009695