我有这段代码:
<table>
<tbody>
<tr>
<td align="left">X</td>
<td>X1</td>
</tr>
<tr>
<td width="150" align="left">Y</td>
<td>Y1</td>
</tr>
<tr>
<td align="left">Status: </td>
<td colspan="4">
<select name="status" size="1">
<option selected="selected" value="2">one</option>
<option value="1">two</option>
</select>
</td>
</tr>
<tr>
<td width="150" align="left">Z</td>
<td>Z1</td>
</tr>
</tbody>
</table>
并希望使用Javascript删除此行:
<tr>
<td align="left">Status: </td>
<td colspan="4">
<select name="status" size="1">
<option selected="selected" value="2">one</option>
<option value="1">two</option>
</select>
</td>
</tr>
问题是我没有任何身份证或类别可供识别。 有没有办法通过仅使用javascript搜索“Status:”或name =“status”来删除行(使用它作为Greasemonkey)?
我不能使用jQuery,我无法编辑代码来设置任何id
最好的问候 bernte答案 0 :(得分:5)
如果你能负担不起与IE7的兼容性,你可以这样做:
var elements = document.querySelectorAll('td[align="left"]');
for (var i=0; i<elements.length; i++) {
var text = elements[i].textContent || elements[i].innerText;
if (text.trim()=='Status:') {
elements[i].parentNode.parentNode.removeChild(elements[i].parentNode);
}
}
为了与IE7兼容,您可能必须遍历所有行和单元格,这些行和单元格实际上并不会更慢但是不太清晰。
请注意,我使用了IE8上不存在的trim
。要在需要时使其在此浏览器上运行,您可以添加此常用修补程序(来自MDN):
if(!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^\s+|\s+$/g,'');
};
}
答案 1 :(得分:3)
function removeRowByCellValue(table,cellValue) {
var cells = table.getElementsByTagName("TD");
for(var x = 0; x < cells.length; x++) {
// check if cell has a childNode, prevent errors
if(!cells[x].firstChild) {
continue;
}
if(cells[x].firstChild.nodeValue == cellValue) {
var row = cells[x].parentNode;
row.parentNode.removeChild(row);
break;
}
}
}
首先获取对您的表的引用,因为您没有ID,您可以使用getElementsByTagName
..(这里我假设它是您文档中的第一个表)
var myTable = document.getElementsByTagName("table")[0];
然后您可以使用以下参数调用该函数
removeRowByCellValue(myTable,"Status: ");
答案 2 :(得分:1)
var xpathResult = document.evaluate("//td[starts-with(.,'Status:')]", document.body, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
var element = xpathResult.singleNodeValue.parentNode;
while (element.firstChild)
element.removeChild(element.firstChild);
答案 3 :(得分:1)
如果你想与旧的IE兼容:
function closest(el, tag) {
if (!el || !tag) {
return false;
}
else {
return el.parentNode.tagName.toLowerCase() == tag ? el.parentNode : closest(el.parentNode, tag);
}
}
// gets all 'select' elements
var sel = document.getElementsByTagName('select');
// iterates through the found 'select' elements
for (var i=0, len = sel.length; i<len; i++) {
// if the 'select' has the name of 'status'
if (sel[i].name == 'status') {
// uses the closest() function to find the ancestor 'tr' element
var row = closest(sel[i], 'tr');
// access the 'tr' element's parent to remove the 'tr' child
row.parentNode.removeChild(row);
}
}
答案 4 :(得分:0)
只需使用此
即可 var gettag =document.getElementsByTagName("tr")[3] ; // the third tag of tr
document.removeChild(gettag);