吴裕雄--天生自然 JAVASCRIPT开发学习:HTML DOM 集合(Collection)
2024-08-30 12:05:41
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <h2>JavaScript HTML DOM</h2> <p>Hello World!</p> <p>Hello Runoob!</p> <p id="demo"></p> <script>
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = "第二个段落的内容为:<span style='color:red;'> " + myCollection[1].innerHTML + '</span>';
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <h2>JavaScript HTML DOM</h2> <p>Hello World!</p> <p>Hello Runoob!</p> <p id="demo"></p> <script>
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = "文档包含" + myCollection.length + " 个段落。";
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body> <h2>JavaScript HTML DOM</h2> <p>Hello World!</p> <p>Hello Runoob!</p> <p>点击按钮修改 p 元素的背景颜色。</p> <button onclick="myFunction()">点我</button> <script>
function myFunction() {
var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
}
</script> </body>
</html>
最新文章
- CSS中一些常见的兼容性问题
- Anaconda 用于科学计算的 Python 发行版
- java 随机生成身份证代码
- 【Tarjan】+【SPFA】APIO2009 Atm
- [GraphQL] Use GraphQL&#39;s Object Type for Basic Types
- Cocos2d-x游戏开发之计时器
- 面试题——设计一个程序:运行报错Stack Overflow Error
- default 关键字泛型代码中的默认关键字(C# 编程指南)
- linux 进程(一)---基本概念
- 基于nodejs 的微信 JS-SDK 简单应用
- 框架应用:Mybatis (一) - 入门案例
- 去中心化类微博应用 mastodon
- CRMEB客户管理+电商管理系统帮助文档,送给有需要的人
- wrk 性能测试工具安装与使用
- C/C++中二进制与文本方式打开文件的区别
- [蓝桥杯]ALGO-20.算法训练_求先序排列
- Python 打印当前文件相对路径和绝对路径
- JAVA SSH 框架介绍(转)
- 中文分词库及NLP介绍,jieba,gensim的一些介绍
- Unity3d ->; Xcode 多个渠道版本发布文件合并