JS基础之属性操作注意事项

1、js中注意问题

font-size　　　　改成fontSize

padding-top　　 改成paddingTop

2、js动态添加Class

class　　　  　  改成className

3、oInp.type = ‘checkbox‘;IE6，7，8不支持，可以使用display进行控制

<script>
var oInp = document.getElementById(‘inp1‘);

oInp.onclick = function (){

oInp.type = ‘checkbox‘;
/*
IE6 IE7 IE8
*/
};

4、oDiv.style.styleFloat = ‘right‘; // IE     oDiv.style.cssFloat = ‘left‘; // 非IE

/*

oDiv.style.float = ‘right‘;
oDiv.style.styleFloat = ‘right‘; // IE
oDiv.style.cssFloat = ‘left‘; // 非IE

IE（styleFloat）
非IE（cssFloat）

<div class="right"></div>
*/
</script>

 5、不能作为判断条件

相对路径

颜色

背景图片

时间： 2024-10-11 00:56:49

JS基础之属性操作注意事项的相关文章

js添加确认删除操作注意事项

1 function delsure(){ 2 if(confirm('确认删除吗?')){ 3 return true;//点击确定则返回这里的内容 4 }else{ 5 return false; 6 } 7 } 在表单中添加onsubmit="return delsure(this)", confirm("确认删除吗?")如果点确定返回true,点取消返回false,必须要添加return true和return false,不然不起作用! js添加确认删除操

js基础复习---数组操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="keywords" content="js数组操作"> <meta name="description" content="js基础之数组api练习"> <title

js的HTML属性操作

<input type="button" id="btn1" value="按钮" /> HTML属性操作:读.写 属性名 属性值 属性都操作:获取.找到 元素.属性 <head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function () { var oBt

JS基础与DOM操作（一）

1.HTML元素标记 - 超文本标记语言 决定你网页中有哪些东西 alert("")警告对话框,作用是弹出一个警告对话框 confirm("")确定对话框,作用是弹出一个可供选择的确定对话框, 点击确定之后,它返回true,点击取消返回flase,可用变量来接收. prompt("")作用是弹出一个可以输入内容的对话框. 2.CSS - 样式表 决定你网页中的这些元素标记的样式和布局 3.JS - JavaScript 决定你网页中的这些元素标记

js基础和dom操作

1.HTML元素标记 - 超文本标记语言 决定你网页中有哪些东西 2.CSS - 样式表 决定你网页中的这些元素标记的样式和布局用:<style type="text/css"></style> 3.JS - JavaScript 决定你网页中的这些元素标记的功能和特效.只要放在HTML里就可以.用:<script type="text/javascript"><script> alert() 弹出警告对话框 :con

js基础篇(dom操作，字符串，this等)

首先我们来看这样一道题 <div id='foo' class='aa bb cc'></div>写出如何判断此div中是否含有aa(注:aa成立,aaa不成立) 首先,我们一定是取出class里面的这个字符串,然后我们想办法判断出这个字符串里面是否存在aa,并且只有aa. 我给大家提供了三种方法,第一种利用getAttribute方法,第二种利用getElementByClassName,第三种就是正则匹配了. 代码如下: /* ***用getAttribute方法实现 */ v

js中html属性操作

1属性.元素(获得) <input id ="btn" type="button" value="按钮"> var btn=document.getElementById("btn"); btn.id---->btn btn.type------->button btn.value------->按钮 等号左边的都可以通过上述方法获得 2属性.元素=" "(替换 修改) <

js基础复习---字符串操作

var str="hello world";// 1 charAt() 返回字符串的第几个下标字符 console.log(str.charAt(4));// 2:fixed() 以打字机字体显示字符串 document.write(str.fixed());// 3:indexOf()返回某个字符或字符串片段在字符串中首次出现的位置下标,不存在则会返回-1 console.log(str.indexOf("w")); console.log(str.indexOf

js基础之js中的HTML属性操作与注意事项

一.js中的HTML属性操作HTML属性操作:读和写: 属性读操作:作用:获取.找到: 语法:元素.属性名 属性写操作:作用:替换.修改: 语法:元素.属性名 = 新的值--->就替换了. innerHTML:读取元素内的所有HTML内容: 语法:元素.innerHTML://读取HTML内容 语法:元素.innerHTML = 新值://修改HTML内 容 /*属性读写操作注意事项*/1.JS中不允许出现“-”例:oDiv.style.fontSize将font-size 中的“-”去掉,si