这次给大家带来js的8个必须注意的基础知识，js的8个必须注意的基础知识注意事项有哪些，下面就是实战案例，一起来看一下。
1 JS 中修改元素的类名: 可以通过className修改,不能使用class
function toRed() { var tobox = document.getElementById('box1');
tobox.className = 'tmpBox';
}2 函数传参
02-函数传参数
3修改属性的第二种方法:(要修改的属性不固定时使用)
可以通过 oDiv.style[属性名字] = value;来动态修改属性和值
//括号里放的是变量
function setStyle(propertyName,value) {
var oDiv = document.getElementById('div1');
oDiv.style[propertyName] = value;
}
4.style和className的区别
元素.style.属性 = xxx;是修改的行间(行内)样式,它的优先级比较高 !!! 例如:oDiv.style.backgroundColor = 'red';
className : 可以通过指定的类名,去找到对应的样式;
但是如果使用了style之后,再使用className指定样式,就会没有效果!!!!
注意:要么都是用style设置样式,要么单独使用className指定样式,不可混合使用,会有未知的错误发生!
5.提取行间事件
window.onload 页面加载完成时才执行
行为、样式、结构三者分离: JS CSS HTML 分离
提取事件
为元素添加事件
05-提取行间事件
6.JS从父元素获取子元素
从下面代码中获取到input
放下如下:
window.onload =function (){ var oDiv = document.getElementById('box1'); //现获取父元素div
var inputs = oDiv.getElementsByTagName('input'); //再通过div获取到里面所有的input}7. innerHTML
用于设置容器标签的内容,可以是文字,也可以是 HTML(标签)。
08-innerHTML
8.字符串的拼接:
var str = '我叫小明'+12+'岁'+168+'2017'; >>> 结果:我叫小明12岁1682017var num = '9+6等于'+(9+6); >>> 结果: 9 + 6 等于 15
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
