javascript中如何去掉div的边框？
<html><head><styletype="text/css">div.one{border:1pxsolid#000000;background:#fff;}</s...
<html>
<head>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
想把3个div框的边框去掉，宽度变为0px，代码如何写？obj.style.border=0px;是不行的
}
</script>
</head>
<body>
<div class="one" id=dragdiv1>
<textarea id=1 >1</textarea>
</div>
<div class="one" id=dragdiv2>
<textarea id=2 >2</textarea>
</div>
<div class="one" id=dragdiv3>
<textarea id=1 >3</textarea></div>
<button onclick=removes()>去div边框</button>
</body>
</html>
想把3个div框的边框去掉，宽度变为0px，remove（）的代码如何写？removes（）这段测试过，是正确的。 展开
<head>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
想把3个div框的边框去掉，宽度变为0px，代码如何写？obj.style.border=0px;是不行的
}
</script>
</head>
<body>
<div class="one" id=dragdiv1>
<textarea id=1 >1</textarea>
</div>
<div class="one" id=dragdiv2>
<textarea id=2 >2</textarea>
</div>
<div class="one" id=dragdiv3>
<textarea id=1 >3</textarea></div>
<button onclick=removes()>去div边框</button>
</body>
</html>
想把3个div框的边框去掉，宽度变为0px，remove（）的代码如何写？removes（）这段测试过，是正确的。 展开
4个回答
展开全部
你的代码写的不规范，属性的值需要加引号
obj.style.border=0px 这个地方 opx是字符串 也需要引号的 obj.style.border=0或obj.style.border=‘0px’ 都可以 下面是一个正常的例子 有用的话 选我为满意答案 谢谢。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>border</title>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
obj.style.border = '0px';
}
</script>
</head>
<body>
<div class="one" id="dragdiv1">
<textarea id="1">1</textarea>
</div>
<div class="one" id="dragdiv2">
<textarea id="2">2</textarea>
</div>
<div class="one" id="dragdiv3">
<textarea id="3">3</textarea>
</div>
<button onclick="removes()">去div边框</button>
</body>
</html>
obj.style.border=0px 这个地方 opx是字符串 也需要引号的 obj.style.border=0或obj.style.border=‘0px’ 都可以 下面是一个正常的例子 有用的话 选我为满意答案 谢谢。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>border</title>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
obj.style.border = '0px';
}
</script>
</head>
<body>
<div class="one" id="dragdiv1">
<textarea id="1">1</textarea>
</div>
<div class="one" id="dragdiv2">
<textarea id="2">2</textarea>
</div>
<div class="one" id="dragdiv3">
<textarea id="3">3</textarea>
</div>
<button onclick="removes()">去div边框</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很简单，obj.style.borderWidth = '0px';就行了，而且obj.style.border = '0px';好像也可以的
<html>
<head>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
obj.style.borderWidth = '0px';
}
</script>
</head>
<body>
<div class="one" id=dragdiv1>
<textarea id=1 >1</textarea>
</div>
<div class="one" id=dragdiv2>
<textarea id=2 >2</textarea>
</div>
<div class="one" id=dragdiv3>
<textarea id=1 >3</textarea></div>
<button onclick=removes()>去div边框</button>
</body>
</html>
<html>
<head>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
obj.style.borderWidth = '0px';
}
</script>
</head>
<body>
<div class="one" id=dragdiv1>
<textarea id=1 >1</textarea>
</div>
<div class="one" id=dragdiv2>
<textarea id=2 >2</textarea>
</div>
<div class="one" id=dragdiv3>
<textarea id=1 >3</textarea></div>
<button onclick=removes()>去div边框</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
//alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
obj.style.border="0px";
}
add = function()
{
var divs = document.getElementsByTagName("div");
for (i = 0; i < divs.length ; i++)
{
addBorder(divs[i]);
}
}
addBorder = function(obj)
{
obj.style.border="solid 1px #ff0000";
}
</script>
</head>
<body>
<div class="one" id=dragdiv1>
<textarea id=1 >1</textarea>
</div>
<div class="one" id=dragdiv2>
<textarea id=2 >2</textarea>
</div>
<div class="one" id=dragdiv3>
<textarea id=1 >3</textarea></div>
<button onclick=removes()>去div边框</button>
<button onclick=add()>增加div边框</button>
</body>
</html>
<head>
<style type="text/css">
div.one{border:1px solid #000000; background:#fff;}
</style>
<script type="text/javascript">
function removes()
{
divs = document.getElementsByTagName("div");
//alert(""+divs.length+"");
for (i = 0; i < divs.length ; i++)
{
remove(divs[i]);
}
}
function remove(obj)
{
obj.style.border="0px";
}
add = function()
{
var divs = document.getElementsByTagName("div");
for (i = 0; i < divs.length ; i++)
{
addBorder(divs[i]);
}
}
addBorder = function(obj)
{
obj.style.border="solid 1px #ff0000";
}
</script>
</head>
<body>
<div class="one" id=dragdiv1>
<textarea id=1 >1</textarea>
</div>
<div class="one" id=dragdiv2>
<textarea id=2 >2</textarea>
</div>
<div class="one" id=dragdiv3>
<textarea id=1 >3</textarea></div>
<button onclick=removes()>去div边框</button>
<button onclick=add()>增加div边框</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function remove(obj){
//obj.style.border = "0px";// 设置对象边框宽度为0像素
obj.style.border = "none";// 设置对象无边框
// obj.style.borderWidth = "0px"; // 设置对象边框宽度0像素
}
//obj.style.border = "0px";// 设置对象边框宽度为0像素
obj.style.border = "none";// 设置对象无边框
// obj.style.borderWidth = "0px"; // 设置对象边框宽度0像素
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
