学习H5-JavaScript常用函数

Document.getElementById():

原式为：

var element = document.getElementById(id);

样例：

function changeColor(newColor) {
  var elem = document.getElementById('para');
  elem.style.color = newColor;
}

// 结果是改变id为‘para’标签内的字体颜色

Document.getElementsByClassName():

原式为：

var elements = document.getElementsByClassName(names); // 或者
var elements = rootElement.getElementsByClassName(names);

样例：

var arr = document.getElementsByClassName('red test')

// 获取所有含red和test两个class的元素，arr是一个伪数组

Element.getAttribute():

原式为：

// attributeName为想要获得某个属性值的属性名
let attribute = element.getAttribute(attributeName);

样例：

const div1 = document.getElementById('div1').getAttribute('align');
alert(div1);

// 结果是显示id为‘div1’的标签中align属性的值