将新列添加到没有表id的HTML表中
Add new column to HTML table which has not table id
如何在下面的代码中添加一个新列,如果没有表id、tr id或td id,我需要发生这种情况。
请检查并告诉我
<p>Click the button to insert new cell(s) at the beginning of the table row.</p>
<table>
<tr>
<td>First cell</td>
<td>Second cell</td>
<td>Third cell</td>
</tr>
</table><br>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var row = ??????????????
var x = row.insertCell(0);
x.innerHTML = "New cell";
}
</script>
您可以使用getElementsByTagName
来访问您的表。
var row = document.getElementsByTagName("table")[0].rows[0];
https://jsfiddle.net/4rmt4xmj/1/
@a.u.b使用var row = document.getElementsByTagName("table")[0].rows[0];
提供的答案很好,但我想提到一种使用XPath
的替代方法。
您可以检查元素,然后选择该表并右键单击->复制->复制XPath
然后您可以使用以下代码来获得所需的元素:
var elementTable = document.evaluate( '/html/body/table' ,document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue;
if (elementTable != null) {
//do something
}
这是JsFiddle演示
试试这个
function myFunction(){
var row = document.getElementsByTagName("table")[0].rows[0];
var x = row.insertCell();
x.innerHTML = "Last";
}
<table border="1">
<tr>
<td>First</td>
<td>Second</td>
<td>Third</td>
</tr>
</table>
<br /><br />
<button onclick="myFunction()">Try it</button>
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- Html地图对象-点击地图获取id的一部分
- tu如何将id放在填充了json数据的html表td上
- 如何重写Javascript If语句以选择Classes而不是ID's的HTML格式
- ID为的HTML样式类
- jQuery值在html中作为id传递
- 获取 HTML 5 音频控制文件位置并在不使用 id 选择器的情况下更新 src
- 对javascript使用.html中的select id
- 如何筛选要写入新文档的HTML,删除JavaScript中的某些类和/或ID
- 我想使用Javascript中的循环在HTML中的特定id中显示数组中的多个对象
- 如何将value和id动态添加到html下拉选项标记中
- 如何使用 html 类或 id 在任何地方显示内容
- 在库(javascript/HTML)中将“name”替换为“id”
- 使用 PHP 从 HTML 表中获取 DATA-ID HTML
- 在数据响应中选择 #id.html
- 如何在特定InnerHTML上的类HTML元素上创建ID?HTML没有ID,使用JavaScript
- 我可以像这样发送html的值$("#id").html()给后面的代码吗?
- jquery $("#id").html(data)不能在firefox上工作,但可以在chrome
- 为什么我的 javascript 函数不交换编写的 pi id html 内容