JavaScript中的元素获取与操作

js元素获取与操作

可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量，比如：

<script type="text/javascript">var oDiv = document.getElementById('div1');</script>....<div id="div1">这是一个div元素</div>

上面的语句，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候，元素div1还没有加载，解决方法有两种：

第一种方法：将javascript放到页面最下边

....<div id="div1">这是一个div元素</div>....<script type="text/javascript">var oDiv = document.getElementById('div1');</script>
</body>

第二种方法：将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行，就不会出错了。

<script type="text/javascript">window.onload = function(){var oDiv = document.getElementById('div1');}</script>....<div id="div1">这是一个div元素</div>

样式操作

标签对象.style.css属性名=“值” //改变标签对象的样式。

示例：id.style.color=“red”;

注意：属性名相当于变量名,所以css属性名中含有双拼词的(font-size)的减号要去掉，将后面的首字母大写。fontSize

文本操作

标签对象.innerHTML=“内容”；//在标签对象内放置指定内容

表单中值的操作

标签对象.value； //获取标签对象的value值

标签对象.value=”值“；//设置标签对象的value值

JavaScript中的元素获取与操作相关推荐

java迭代器删除元素_java迭代器中删除元素的实例操作详解
java迭代器中删除元素的实例操作详解 2021-01-21 16:40:08 我们知道通过Iterator,可以对集合中的元素进行遍历.那么在其中遇到我们不需要的元素时,可不可以在遍历的时候顺便给删 ...
详解JavaScript中选取元素的所有方法
DOM中选取文档元素的方法总共有5种: 1.通过id值. 2.通过name属性值. 3.通过指定的标签名. 4.通过class类. 5.通过css选择器. 下面我就这五种方法详细解释一下吧. 1.通过 ...
JavaScript HTML DOM元素节点常用操作接口
在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类 ...
javascript基础：元素增删改操作
前面聊了一些对属性的一些操作,当然js也可以对元素的添加删除,毕竟在网页中很多的页面元素需要根据后台返回的数据而呈现的. 当然先聊一下通过元素层级关系得到元素之前的节点. 节点这个前面说过现在再重复 ...
如何在JavaScript中为元素添加类名？
Adding class names using JavaScript can be often used to give certain functionalities to your web ap ...
Javascript中数组元素是什么
在Javascript中,数组中存储的每个值称为数组元素,它是组成数组的基本单元.数组元素也是一种变量,其标识方法为数组名后跟一个下标,下标表示了元素在数组中的顺序号:数组元素通常也称为下标变量. A ...
JavaScript中的几种计时操作
系列文章目录例如:第一章 Python 机器学习入门之pandas的使用文章目录系列文章目录前言一.JavaScript中的两种常用计时函数二.详细代码 1.一次性计时器setTimeou ...
APP元素获取信息操作API
1.前置代码 from appium import webdriver# 启动参数 caps = {} # 设备信息 caps["platformName"] = "An ...
html显示器对象属性,Web网站中利用JavaScript中ActiveXObject对象获取硬件信息（显示器数量、分辨率）从而进行单双屏跳转...
前言:最近这两天工作上,要实现一个功能,在好友阿聪的帮助下,算是比较好的解决了这个需求. B/S的Web网站,需要实现点击按钮时,根据客户端连接的显示屏(监视器)数量进行,单双屏跳转显示新页面. 由于 ...