还是有关div动态创建设置属性的问题

girdershan 2009-12-11 04:53:17

div4.style.border="1px solid #ddd";

这个属性动态设置生成的是

border-bottom : #ddd 1px solid; border-left : #ddd 1px solid;

border-top :#ddd 1px solid; border-right:#ddd 1px solid

为啥不是 1px solid #ddd 呢？

而这样设置的
div2.style.borderleft="8px solid #FFFFFF";

生成的是
borderleft :8px solid #FFFFFF ;

缺少了中间的- 标准的是 border-left :8px solid #FFFFFF ;
这样导致了样式完全不对了，我要怎么设置呢？高手指教

...全文

71 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

yixianggao 2009-12-11

打赏
举报

border-left Attribute | borderLeft Property

Web 开发常用手册

JScript语言参考.rar
http://download.csdn.net/source/308916

DHTML参考手册.rar
http://download.csdn.net/source/308913

样式表中文手册.chm
http://download.csdn.net/source/304124

girdershan 2009-12-11

打赏
举报

自己顶 div2.style.borderleft="8px solid #FFFFFF";
这个问题解决了是大小写的事

jol_boy 2009-12-11

打赏
举报

参考：http://www.w3school.com.cn/htmldom/prop_style_borderleft.asp
W3C中如下说：

borderLeft 属性在一个声明中为左边框设置所有属性。

语法：
Object.style.borderLeft=borderWidth borderStyle borderColor

例子：



<html>

<head>

<style type="text/css">

p

{ 

border: thin dotted #FF0000

}

</style>

<script type="text/javascript">

function changeBorder()

{

document.getElementById("p1").style.borderLeft="thick solid #0000FF";

}

</script>

</head>

<body>



<input type="button" onclick="changeBorder()"

value="Change left border" />



<p id="p1">This is a paragraph</p>



</body>

</html>