Javascript 显示或读取colspan值_Javascript_Html_Html Table

Javascript 显示或读取colspan值

javascript html

Javascript 显示或读取colspan值,javascript,html,html-table,Javascript,Html,Html Table,我创建了一个包含colspan和rowspan的表。然后我想获取或读取这些colspan和rowspan值。我这样做是因为我想用它来生成xml。我需要这个值。我使用以下代码进行测试： <!DOCTYPE html> <html> <head> <script> function displayResult() { document.getElementById("myHeader1").colSpan="2"; } function display

我创建了一个包含colspan和rowspan的表。然后我想获取或读取这些colspan和rowspan值。我这样做是因为我想用它来生成xml。我需要这个值。我使用以下代码进行测试：

<!DOCTYPE html>
<html>
<head>
<script>
function displayResult()
{
document.getElementById("myHeader1").colSpan="2";
}
function displayColSpan()
{
var te;
document.getElementById("myHeader1").colSpan=te;
alert(te);
}
</script>
</head>
<body>

<table border="1">
  <tr>
    <th id="myHeader1">Month</th>
    <th id="myHeader2">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100.00</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$10.00</td>
  </tr>
  <tr>
    <td>March</td>
    <td>$80.00</td>
  </tr>
</table>
<br> 

<button type="button" onclick="displayResult()">Change colSpan for the first cell</button>
<button type="button" onclick="displayColSpan()">test</button>
</body>
</html>


函数displayResult（）
{
document.getElementById（“myHeader1”）.colSpan=“2”；
}
函数displayColSpan（）
{
变量te；
document.getElementById（“myHeader1”）.colSpan=te；
警报（te）；
}
月
储蓄
一月
$100.00
二月
$10.00
前进
$80.00


更改第一个单元格的colSpan
测试

你能帮我吗？谢谢

您正在使用的代码是从该站点复制的：不是吗

很好，那么你一定注意到他们在那里做什么了？它们只是简单地改变了列的属性及其跨度，我们在css中可以说的可能是填充

是否要获取跨度的值？我从未为此尝试过javascript，我一直使用CSS

但还是要浏览这一页：

他展示了一个开发良好的代码，您也可以尝试从元素中获取值，例如：

var val=document.getElementById("idofel").style.backgroundColor;

要获得背景色，也可以尝试此表的其他值。显然不是背景色，而是必要的颜色。然后用XML编写它们

您正在使用的代码是从该站点复制的：不是吗

很好，那么你一定注意到他们在那里做什么了？它们只是简单地改变了列的属性及其跨度，我们在css中可以说的可能是填充

是否要获取跨度的值？我从未为此尝试过javascript，我一直使用CSS

但还是要浏览这一页：

他展示了一个开发良好的代码，您也可以尝试从元素中获取值，例如：

var val=document.getElementById("idofel").style.backgroundColor;

要获得背景色，也可以尝试此表的其他值。显然不是背景色，而是必要的颜色。然后用XML编写它们

您的代码有点混乱

这：

将myHeader1的colspan值更改为未定义的

var te

。相反，你应该：

te = document.getElementById("myHeader1").colSpan

现在

te

是myHeader1的colspan值

如果要获取值，则为“月”：

te = document.getElementById("myHeader1").innerHTML

现在te的值为“月”

希望这有帮助

您的代码有点混乱

这：

将myHeader1的colspan值更改为未定义的

var te

。相反，你应该：

te = document.getElementById("myHeader1").colSpan

现在

te

是myHeader1的colspan值

如果要获取值，则为“月”：

te = document.getElementById("myHeader1").innerHTML

现在te的值为“月”

希望这有帮助

那么，这个脚本在哪里以及如何不起作用呢？它出现了什么问题，在哪些浏览器中出现了什么问题？

displaResult（）

应该做什么？您的

displayColSpan（）

函数声明变量

te

，但在使用它设置表单元格的

.colSpan

属性之前不为它赋值。实际上，我认为设置

.colSpan=undefined

与将其设置为

具有相同的效果。（我希望

alert（te）

语句显示

undefined

？）。我只想读取/获取colSpan值。我尝试了displayColSpan（）函数。alkid:displayResult是在Im将colspan应用于标题后查看结果。我编辑之前的示例如下：nnnnnn：我想读取/获取colSpan的值。。不设置值。这段代码只是为了尝试获取我想要的内容。“我想读取/获取colSpan的值..不设置值。”-好，但您当前的代码（如图所示）设置了值。当你说

a=b

时，

左边的东西被设置为右边的值。（因此，您的代码

document.getElementById（“myHeader1”）.colSpan=te

将

.colSpan

设置为等于

te

是什么（

未定义的））以及该脚本在何处以及如何工作？它出现了什么问题，在哪些浏览器中出现了什么问题？displaResult（）
应该做什么？您的displayColSpan（）
函数声明变量te
，但在使用它设置表单元格的.colSpan
属性之前不为它赋值。实际上，我认为设置.colSpan=undefined
与将其设置为1
具有相同的效果。（我希望alert（te）
语句显示undefined
？）。我只想读取/获取colSpan值。我尝试了displayColSpan（）函数。alkid:displayResult是在Im将colspan应用于标题后查看结果。我编辑之前的示例如下：nnnnnn：我想读取/获取colSpan的值。。不设置值。这段代码只是为了尝试获取我想要的内容。“我想读取/获取colSpan的值..不设置值。”-好，但您当前的代码（如图所示）设置了值。当你说a=b
时，=
左边的东西被设置为右边的值。（因此，您的代码document.getElementById（“myHeader1”）.colSpan=te
将.colSpan
设置为等于te
在该链接上的值（未定义的值）。）是。但我操纵它来玩弄它。我想得到colSpan值。你确定我们可以用css得到它吗？你能告诉我怎么做吗？谢谢不使用CSS，但使用CSS样式！在JavaScript中，就像我在链接上为backgroundColor
yes所做的一样。但我操纵它来玩弄它。我想得到colSpan值。你确定我们可以用css得到它吗？你能告诉我怎么做吗？谢谢不使用CSS，但使用CSS样式！在JavaScript中，就像我对backgroundColor
@alKid所做的那样，我使用var te来测试colSpan的值。然后在对话框中向我显示它。我没有设置它。不是'month'的值，而是colSpan行。Th