操作document对象练习

对div进行操作document的练习

步骤做div------找到要挂事件的div命名它---------挂入事件完成对对象的操作

<style type="text/css">#first{width: 100px;height: 70px;background-color: aqua;text-align: center;line-height: 70px;color: darkgreen;}#second{width: 200px;height: 170px;background-color: darkgoldenrod;text-align: center;line-height: 170px;color: darkgreen;}</style></head><body><div id="first">按钮</div><div id="second">文本</div><div id="sixth"></div><div id="not"></div></body></html>
<script type="text/javascript">//找到要挂事件的divvar first = document.getElementById("first");//挂事件first.onclick = function(){var second = document.getElementById("second");second.innerHTML = "新文本";second.style.transition = "3s";second.style.width = "300px";second.style.height = "260px";second.style.backgroundColor = "orange";second.style.color = "black";second.style.marginLeft = "100px";}</script>

鼠标点击div产生变化

转载于:https://www.cnblogs.com/zhengleilei/p/9036716.html

操作document对象练习相关推荐

5.14 js对象函数 js操作document对象
---对象 var myObject ={} /* 声明对象字面变量*/ myObject点语法取值赋值代码格式 var person = { name : "zhangs ...
0514JS操作document对象、事件、（this）
|js操作document对象 |-找到对象 |--document.getElementById("id名"); 通过id名找到唯一的对象 var duixiang = docu ...
ie和firefox操作table对象的异同
2019独角兽企业重金招聘Python工程师标准>>> ie和firefox下操作table对象的异同[测试浏览器版本:ie为8,9,firefox为2.0] 1)在ie下,tabl ...
JS中window.document对象
小知识点注:外面双引号,里面的双引号改为单引号: 在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中文本框取出来 ...
DOM4J解析XML文档、Document对象、节点对象节点对象属性、将文档写入XML文件（详细）...
Dom4j是一个简单.灵活的开放源代码的库.Dom4j是由早期开发JDOM开发的.与JDOM不同的是,dom4j使用接口和抽象的人分离出来而后独立基类,虽然Dom4j的API相对要复杂一些,但它提供了 ...
javascript document对象第21节
<html> <head><title>DOM对象</title><style type="text/css">tabl ...
Javascript中的Document对象详解
Document对象详解 document 文挡对象 - JavaScript脚本语言描述 -------------------------------------------- ...
jQuery获取iframe的document对象的方法
2019独角兽企业重金招聘Python工程师标准>>> 获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $( ...
【JavaScript】Document对象学习
Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象. Document 对象是 HTML 文档的根节点. Document 对象使我们可以从脚本中对 HTML ...

操作document对象练习

操作document对象练习相关推荐

最新文章

热门文章