<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head><body>
</body>
<script type="text/javascript">
var obody=document.getElementsByTagName("手闹body")[0]
var div=document.createElement("div")
obody.appendChild(div)
div.style.background="pink"衡册
div.style.width="100px"
div.style.height="100px"
</script>
</html>
一、DOM元素
Dom:
增删改查
查找：
1.元素间关系
2.HTML
ID
class
敬蠢派 tag
name
3.querySelector()
querySelectorAll()
//增加：
//1.创建一个元素
var a=document.createElement('a')
//2.给元素添加属档袭性或内容：
a.href='http://www.baidu.com'
a.innerHTML='GO BAIDU'
//3.追加到dom树 父元素.appendChild(子元素)
document.querySelector('div').appendChild(a)
二、改变背景颜色
body部分：
js部分：
效果：
三，导航条
body部分：
css部分：
js部分：
效果：
四、购物车
body效果
css部分：
js部分：亮贺
效果：
五、万年历
body部分：
css部分：
js部分：
效果：
六、图片切换
body部分：
css部分：
js部分：
效果：
七、树形列表
body部分：
css部分：
js部分：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）