用Javascript替换表中TH元素的文本

用Javascript替换表中TH元素的文本,javascript,html,jquery,Javascript,Html,Jquery,我在wordpress中有一个页面,一个插件创建了一个表,但我想更改“th”的文本 我的问题是,我无法访问代码,我想用javascript来完成,但我无法完成,因为“th”没有id 这是表格的一部分: <p id="search-table"> <table id="elc_search-table"> <thead><tr style="vertical-align: baseline;"&g

我在wordpress中有一个页面,一个插件创建了一个表,但我想更改“th”的文本

我的问题是,我无法访问代码,我想用javascript来完成,但我无法完成,因为“th”没有id

这是表格的一部分:

<p id="search-table">
<table id="elc_search-table">
<thead><tr style="vertical-align: baseline;">
                    
<th>First Name</th>
<th>Last Name</th>
<th>Course or Quiz Title</th>
<th>Completion Date</th>

</tr>
</thead>

名字 姓 课程或测验题目 竣工日期

我正试着这样改变

<th>Nombre</th>
<th>Apellido</th>
<th>Curso o Quiz</th>
<th>Fecha de Terminación</th>
Nombre
阿佩利多
光标测验
特米纳西翁酒店

您可以使用标签(如
getElementsByTagName
)或ccs选择器(如
querySelectorAll)选择它,这两个返回都是数组中的返回,因此您必须对它们进行索引,以赋予它们不同的值

th=document.getElementsByTagName('th')[0]。innerHTML='Nombre';
th=document.getElementsByTagName('th')[1]。innerHTML='Apellido';
th=document.getElementsByTagName('th')[2]。innerHTML='Curso-quick';
th=document.getElementsByTagName('th')[3]。innerHTML='Fecha de Terminación'

名字 姓 课程或测验题目 竣工日期


在Javascript文件中添加此脚本以更改标题:

const tr1 = document.querySelector('#elc_search-table thead tr:first-child');
const htmlTemplate = `
<th>Nombre</th>
<th>Apellido</th>
<th>Curso o Quiz</th>
<th>Fecha de Terminación</th>`;

tr1.innerHTML = htmlTemplate;
const tr1=document.querySelector('elc#u search-table thead tr:first child');
常量htmlTemplate=`
名义
阿佩利多
光标测验
终端费查;
tr1.innerHTML=htmlTemplate;

这将替换
中的内容,ad
jQuery
将解决您现在担心的问题

jQuery('#question-header th')[0] = 'Nombre';
jQuery('#question-header th')[1] = 'Apellido';
jQuery('#question-header th')[2] = 'Curso o Quiz';
jQuery('#question-header th')[3] = 'Fecha de Terminación';

“我无法访问代码”或者你找不到它?你能更新你的HTML文件吗?我也不明白,发生了什么事。我还尝试使用html模板来回答这个问题。有人投了反对票。我现在删除了我的答案。这真的不好。谁做这件事?为什么?
。建议不要使用innerHTML
。考虑使用其他东西。我不知道“imrRaFiqq”,但是不应该删除一个没有被删除的好主意。感谢您在MDN=>中的建议@gad警告:如果您的项目将接受任何形式的安全审查,那么使用innerHTML很可能会导致您的代码被拒绝。例如,如果您在浏览器扩展中使用innerHTML并将扩展提交到addons.mozilla.org,它将无法通过自动审查过程。无论谁投了反对票,请给出理由。谢谢我的否决票-
。建议不要使用innerHTML
。考虑使用别的东西。阅读更多关于MDN的
innerHTML
。即使我知道,但appendChild()不适用于htmlTemplates。另外,没有人说永远不要使用innerHTML。如果我们必须用新的HTML完全替换HTML,你有没有任何精确的建议。阅读更多关于Javascript MDN的内容,还有什么可以使用。你会知道为什么不使用
innerHTML
以及其他可以使用的东西。这已经完成了…我本人是一名拥有3年经验的前端Web开发人员:)我非常感谢你的建议。。。