setAttribute设置的属性无效？？

whodsow 2004-04-28 02:11:32

页面生成的radio不能选择，class的设置也无效（如有效，背景为红色），怎么回事？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DataGrid</title>
<style>
.class1
{ background-color: #ff0000 }
</style>

<script language="JavaScript">
function init()
{
dg = document.getElementById("DataGrid");
var tableBody = dg.getElementsByTagName("tbody").item(0);
for(var i = 0; i < 10; i++)
{
var tr = document.createElement("tr");
var td = document.createElement("td");
var radio = document.createElement("input");
radio.setAttribute("type", "radio");
radio.setAttribute("name", "group1");
radio.setAttribute("class", "class1");
radio.setAttribute("value", i + "");
td.appendChild(radio);
tr.appendChild(td);
tableBody.appendChild(tr);
}
dg.appendChild(tableBody);
}
</script>
</head>
<body onload="init()">
<table border="1" width="100%" id="DataGrid">
</table>
</body>
</html>

...全文

958 9 打赏收藏转发到动态举报

写回复

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

wanghr100 2004-04-28

打赏
举报

回复

name加不上去.
所以,radio不能选择..
还是直接像阿信写的那种.

wanghr100 2004-04-28

打赏
举报

回复

单选还是多选啊??

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>DataGrid</title>
<style>
.class1
{ background-color: #ff0000 }
</style>

<script language="JavaScript">
function init()
{
dg = document.getElementById("DataGrid");
var tableBody = dg.getElementsByTagName("tbody").item(0);
for(var i = 0; i < 10; i++)
{
var tr = document.createElement("tr");
var td = document.createElement("td");
var radio1 = document.createElement("input");
radio1.type="radio";
radio1.name="group1";
radio1.className="class1";
radio1.value= i + "";
td.appendChild(radio1);
tr.appendChild(td);
tableBody.appendChild(tr);
}
dg.appendChild(tableBody);
}
document.onclick=function(){if(event.srcElement.value)event.srcElement.checked=!event.srcElement.checked}
</script>
</head>
<body onload="init()">
<table border="1" width="100%" id="DataGrid">
</table>
</body>
</html>

希默软件 2004-04-28

打赏
举报

回复

你看看，你设置的name相同，但可以单选么？

必须 document.createElement("<input name='aa'>");

whodsow 2004-04-28

打赏
举报

回复

不过name，似乎不可以这么做，只能 createElement 的时候
bencalie(Bencalie)什么意思？？

希默软件 2004-04-28

打赏
举报

回复

不过name，似乎不可以这么做，只能 createElement 的时候

希默软件 2004-04-28

打赏
举报

回复

radio.setAttribute("className", "class1");

fason 2004-04-28

打赏
举报

回复

input是支持setAttribute的

var radio = document.createElement("span");
radio.innerHTML = "<input type=radio name=group1 class=class1 value="+i+">";

whodsow 2004-04-28

打赏
举报

回复

input肯定支持setAttribute。

LxcJie 2004-04-28

打赏
举报

回复

input 是不支持setAttribute的

复制代码代码如下: table { border-collapse:collapse; border-spacing:0; } th,td { padding: 0; } JS操作这两个属性有两种方式。方式1，直接点操作复制代码代码如下: table.cellSpacing = 10; table.cellPadding = 10; 注意cellSpacing和cellPadding中间的 S 和 P 都要是大写的。方式2，setAttribute 复制代码代码如下: table.setAttribute(‘cellspacing’,’10’); table.setAttribu

1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有’-‘号，就写成驼峰的形式（如textAlign）如果想保留 – 号，就中括号的形式 element.style[‘text-align’] = ‘100px’; element.style.height = '100px'; 2. 直接设置属性（只能用于某些属性，相关样式会自动识别） element.setAttribute('height', 100); element.setAttribute('height', '100px'); 3. 设置style的属性 element.setA

object.setAttribute(sName, vValue [, iFlags]) 参数: sName 必填项. String类型，属性名 vValue 必填项. 为属性指定的变量，可以为string, number, 或者 Boolean类型 iFlags 选填. 下面指定的两种 Integer 类型的标志 ...

我发现ie浏览器中动态用setAttribute设置style属性值始终不能设置，经过一番查找发现了这篇文字 http://webcenter.hit.edu.cn/articles/2009/05-16/05070500.htm IE并不是不支持setAttribute这个函数，而是不支持用setAttribute设置某些属性，例如对象属性、集合属性、事件属性，也就是说用setAttribu...

获取对象的话可以这样： Java后台：设置request的属性值 // 返回课程包装类的数据--用于页面显示 request.setAttribute("courseDto", courseDto); HTML/jsp页面：可以直接用el表达式获取到request中设置的属性值 <div class="static-item"> <div class="meta...

87,996

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章