js基础学习笔记

最新推荐文章于 2024-01-26 16:40:43 发布

什么石头

最新推荐文章于 2024-01-26 16:40:43 发布

阅读量310

点赞数

分类专栏： web前端学习 JS 文章标签： javascript

本文链接：https://blog.csdn.net/u012999771/article/details/48896333

版权

web前端学习同时被 2 个专栏收录

40 篇文章 0 订阅

订阅专栏

20 篇文章 0 订阅

订阅专栏

引用
<script src=""></script>

-不能有

margin-left----->marginLeft
border-top ------>  borderTop
.........

给元素动态添加class名增加相应样式

给元素动态添加class名
//在js中class是保留字，所以不能使用elem.class = 'name';
//要使用className
elem.className = 'name';

兼容

<input id="bt1" type="button" >
var elem = document.getElemetById('bt1');

点击按钮，将其类型变为勾选框
方法一：但不兼容IE
elem.onclick = function(){
    elem.type = 'chectbox';//但不兼容IE6 IE7 IE8会报错 
}
可以巧妙避开这个设置，当用户点击按钮，按钮隐藏，设置一个新的勾选框句可以避开兼容问题

关于float 设置

IE(styleFloat), 非IE（cssFloat）
在IE下设置float
elem.style.styleFloat ='left';//兼容IE
其他浏览器
elem.style.cssFloat ='left';//兼容其他浏览器

属性值的更改

注意：  .后面的值是无法修改的，而[]里面是可以的。
//elem1.style.width = elem2.value;
elem1.style[''] = elem2.value;

html:
<body>
    <input id="in1" type="text" />
    <input id="in2" type="text" /><br>
    <input id="bt1" type="button" value="确定" />
    <div id="div1"></div>
</body>

js:
window.onload = function(){
    var d=document;
    var in1 = d.getElementById('in1');
    var in2 = d.getElementById('in2');
    var bt1 = d.getElementById('bt1');
    var div1 = d.getElementById('div1');
    bt1.onclick = function(){
        div1.style[in1.value] = in2.value;//elem.sytle[]
    }   
};

判断if

什么石头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础学习笔记

引用<script src=""></script>-不能有margin-left----->marginLeftborder-top ------> borderTop.........给元素动态添加class名增加相应样式给元素动态添加class名//在js中class是保留字，所以不能使用elem.class = 'name';//要使用classNameelem.classN
复制链接

扫一扫