使用javascript更改td文本而没有id

时间:2016-08-12 17:52:47

标签: javascript

我正在尝试更改td文本。但作为id我无法理解我应该添加什么来获取文本。任何人都可以帮忙解决这个问题吗?

我添加了? getElementBy 到应该添加的内容以更改文本。

// Action option data from Web API
$http.get('/api/GetZpfsActionOptions')
.success(function (data) {
    $scope.gridOptions.columnDefs[22].editDropdownOptionsArray = data;
})

感谢你的帮助。

2 个答案:

答案 0 :(得分:0)

您必须使用getElementsByTagName,它将为您提供实时节点数组。

遍历列表并调用方法。

var tds = document.getElementsByTagName('td'); //<--- array like node list

for(var i=0; i< tds.length; i++) {
   var currTd = tds[i];

   currtd.text = 'Años';
} 

同样td只能存在于table标记内。如果不将其嵌套在父标记内,则可能无法选择它。

您还可以使用querySelectorAll选择元素。

document.querySelectorAll('td');

<强> jsFiddle

答案 1 :(得分:0)

没有搜索文字的getElementByXXX功能。您必须遍历所有td元素,获取其当前文本,并将其与您正在寻找的内容进行比较。

var tds = document.querySelectorAll('td');
[].forEach.call(tds, function(td) {
    if (td.textContent.trim() == 'Age:') {
        td.textContent = 'Años:';
    }
});