JA document的练习
2024-10-01 07:56:45
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id=""one"></div>
<input type="text" name="two" id="two" value="123" />
// name = value
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="four"></div>
<div class="four"></div>
<div class="four"></div>
<div class="four"></div>
<div class="four"></div> <div id="five">
今天晴天
</div>
<table border="1" cellspacing="0" cellpadding="0"> </table> </body>
</html>
<script type="text/javascript"> // 找到dom元素
//document 文档
//get 拿到 得到
//element 元素
// by 通过
//通过id名找到元素
var one = document.getElementById("one");
//通过name属性 找到元素
var two = document.getElementsByName("two");
//通过标签名找到元素 HTMLCollection 集合
var three = document.getElementsByTagName("li");
//console.log(three[0])
// 0: <li>
// 1: <li>
// 2: <li>
//3: <li>
// 4: <li>
// length:5
var four = document.getElementsByClassName("four");
// 操作dom元素
//一:操作内容
var five = document.getElementById("five");
//1、five.innerHTML = "今天<br/>阴天"
//2、five.innerText = "今天<br/>阴天"
//打印表格 练习
var tab = document.getElementsByTagName("table");
var str = ""
for(var i = 0;i < 3;i++){
str = str+"<tr>"
for(var j = 0;j<3;++){
str = str + "<td>周一</td>"
}
str = str + "</tr>"
}
tab[0].innerHTML = str;
//3、操作表单的value
var inpt = document.getElementById("two")
alert(inpt.value);
</script>
最新文章
- 笔记:Memory Notification: Library Cache Object loaded into SGA
- 3-2 bash 特性详解
- 微信小程序-视图数据绑定
- file_get_contents()函数
- How Tomcat works — 七、tomcat发布webapp
- BZOJ3463 : [COCI2012] Inspector
- 使用git了解代码编写过程
- OpenAL
- Spring通过AOP实现对Redis的缓存同步
- Adding DOM elements to document
- 转: 理解 JMeter 聚合报告(Aggregate Report)
- mysql中find_in_set的使用
- RTMP与HLS压力测试工具安装与配置
- 数据存储(直接写入、NSUserDefaults、NSkeyedArchiver)
- Ubuntu 下 vi 输入方向键会变成 ABCD 的解决方法
- 学写网页 #05# CSS Mastery 笔记 1~3
- JDK环境变化配置
- python-requests库的使用之爬取贴吧内容并保存在本地
- http request GET 乱码分析
- C# MVC 页面面包屑以及相应的权限验证操作
热门文章
- 20190218-学习python使用shelve遇到raise error, ";db type could not be determined";
- Python中的sorted() 和 list.sort() 的用法总结
- ELK之Logstash配置文件详解
- HDU 5176
- DotNetBar.Bar菜单的使用
- luogu3799 妖梦拼木棒
- Linux内核OOM机制的理解【转】
- 详解Google第二代TPU 既能推理又能训练 性能霸道
- 【HDU 1846】 Brave Game
- 2015 多校赛 第一场 1007 (hdu 5294)