javascript中的获取标签，改变属性

答案:5 悬赏:70 手机版

解决时间 2021-12-19 21:28

提问者网友：雾里闻花香
2021-12-18 22:28

<html>
<head>
<title>无标题文档</title>
<style type="text/css">
div{width:100px; height:100px; border:double;}
</style>
<script language="javascript">
function aaa()
{
document.getElementById("222").style.border-color="#FF0000";

}
</script>
</head>

<body id=444>
<div id=222> </div>
<input type="button" name="123" id="123" value="按钮" onclick="aaa()"/>
</body>
</html>
第一：为什么点击按钮时，不能改变边框的颜色？
第二：哪里错了？
第三：应该遵循什么规则？

最佳答案

五星知识达人网友：北城痞子
2022-01-05 14:58

document.getElementById("222").style.border-color="#FF0000";
这行代码错了，改成这样
document.getElementById("222").style.borderColor="#FF0000";

border-color是CSS中的属性名称
但是js里头是不能这么用的
js中获取属性用的驼峰的方式命名，你可以理解成把所有css里头-后面的字符都变成大写，就可以了
楼主可以到网上找一个CSS的参考手册下来，里头一般都有对应的JS调用方法

全部回答

1楼网友：归鹤鸣
2022-01-05 19:21

border-color这个是CSS里的语法 borderColor这个是HTML里的语法你现在是张冠李戴了，运用那个就多看看语法把。你要用DW编辑器的话可以在HTML空间中按空格就会有提示，那里的参数是HTML的。在CSS中按空格就是CSS的语法。你现在用的是JS如果用JQUERY你这样写是对的

2楼网友：玩世
2022-01-05 17:49

function aaa() { document.getElementById("222").style.border-color="#FF0000"; } 改成下面的 function aaa() { document.getElementById("222").style.borderColor="#FF0000"; }注意属性名字，属性名和html标记的属性名是一致的

3楼网友：渊鱼
2022-01-05 17:24

使用jquery的选择器获取ul里的所有li元素，然后用jquery提供的.css(name, value)方法修改所有li的css属性，即background-color 如果ul的id的变量名为ulid $("li","#" + ulid).css("background-color","#ccc");这个用到了jquery的选择器规则$(selector1, content) selector1是一个选择器。content可以是一个选择器、一个jquery dom对象或者原生dom对象，上面的代码中conten是一个选择器这个写法的意思是选择content中所有符合selector1的元素，在上面的代码里面就表示“选择id为ulid变量值的ul中所有的li元素” .css(name, value)方法是改变名称为name的css属性为value，有数值单位的可以省去单位，如padding 30px的值可以直接写.css("padding", 30) .css(name)是获取名称为name值的css属性值，如.css("padding")返回padding的值，不带单位，如.css("padding")返回30

4楼网友：雾月
2022-01-05 16:02

题目比较宽泛，下面举个例子，进行简单演示：<style> div {width:100px; height:100px; position:absolute; top:50px; left:50px; background:#ccc;} </style> <script> window.onload=function(){ var oDiv = document.getElementById('div1'); //获取div标签 var nLeft = parseInt(oDiv.currentStyle?oDiv.currentStyle.left:getComputedStyle(oDiv,false).left); //获取div到可视区左边的宽度 var timer = setInterval(function(){ nLeft++; document.title=nLeft; oDiv.style.left=nLeft+'px'; //修改div到可视区左边的值，既修改div的left属性。 if(nLeft == 500) { clearInterval(timer); } },30); }; </script> </head> <body> <div id="div1"></div>

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息