web.jpegJS的语法和基本对象的规范(组图)

　　

web.jpegJS的语法和基本对象的规范(组图)

　　

　　web.jpeg

　　JS 由三部分组成

　　ECMAscript（欧洲计算机制造商协会）：描述 JS 语法和基本对象规范

　　DOM：处理网页（操作页面元素）的文档对象模型、方法和接口

　　BOM：浏览器对象模型、浏览器交互方法和界面（操作浏览器）

　　JS 操作 html 元素其实就是操作 DOM 文档对象。整个html文件就是一个文档。那么这个文档就被认为是一个文档对象。文档中的所有标签都可以看作一个对象。那么JS是如何操作的呢？对象呢？

　　1.JS 获取元素对象的方法

　　1. 1 根据id从整个文档中获取元素---返回的是一个元素对象

　　document.getElementById("id 属性值")

　　/*

　　在JS中

　　getElementById（元素的ID）获取元素对象

　　*/

　　//获取元素对象

　　var box = document.getElementById("box");

　　//向元素对象注册点击事件

　　box.onclick = function(){

　　this.style.backgroundColor = "红色";

　　//设置div里面的内容

　　box.innerHTML = "

　　这是h2标签";

　　}

　　

　　图像.png

　　1.2.根据标签名称获取元素-----返回的是元素对象组成的伪数组

　　document.getElementsByTagName("标签名称");

　　1.3 这是几个兼容的访问元素

　　1. 根据name属性的值获取元素，返回的是一个伪数组，里面存放了多个DOM对象---> ocument.getElementsByName("name属性的值")

　　2. 根据类样式的名称获取元素，返回的是一个伪数组，里面存放了多个DOM对象 -->document.getElementsByClassName("类样式的名称")

　　3.根据选择器获取元素，返回的是一个元素对象-->document.querySelector("选择器的名字")

　　4.根据选择器获取元素，返回的是一个伪数组，里面存放了多个DOM对象---->document.querySelectorAll("选择器的名字")

　　通过JS获取元素对象的目的是修改css样式或者它们之间的交互，那么如何改变样式属性呢？

　　

　　图像.png

<p>从上面的例子可以看出，如果标签有直接属性，只需要对基本标签的属性进行操作，如：src、title、alt、href、id属性、直接操作赋值