Javascript在页面加载时预选html表的第1行

我使用下面的JavaScript代码（在Stackoverflow上找到）从页面上的表中选择的单元格值填充div id='article\u title'

我遇到的问题是，代码不会在页面加载时自动运行-除非我单击表格。

我想：

• 保留现有功能，即在单击表上的行时运行代码

但我也想：

• 使用表中的第1行（或任意随机行）在页面加载时运行代码

（功能（）{
if（window.addEventListener）{
addEventListener（'load'，run，false）；
}else if（窗口附件）{
window.attachEvent（'onload'，run）；
}
函数运行（）{
var t=document.getElementById（'table_id'）；
t、 onclick=函数（事件）{
event=event | | window.event；//IE8
var target=event.target | | event.src元素；
while（target&&target.nodeName！=“TR”）{
target=target.parentElement；
}
var cells=target.cells；
如果（！cells.length | | target.parentNode.nodeName=='THEAD'）{
返回；
}
var article_title=cells[11]；
//将文章标题指定给文本框
设h4=document.createElement（'h4'）；
h4.textContent=文章标题；
document.getElementById（“文章标题”）.innerHTML=“”；
文件.getElementById（“文章标题”）.appendChild（h4）；
document.getElementById（“文章标题”）.style.color='black'
};
}
})();

---

使用提供的解决方案构建以下代码并添加到页面的正文部分。现在可以这样做了：

<script>
    window.onload = function() {
        var table = document.getElementById('table_id');
        var article_title = table.rows[1].cells[11].innerHTML;
        //Assign Article Title to text box
        let h4 = document.createElement('h4');
        h4.textContent = article_title;
        document.getElementById("article_title").innerHTML = "";
        document.getElementById("article_title").appendChild(h4);
        document.getElementById("article_title").style.color='black'        
    }
</script>

window.onload=函数（）{
var table=document.getElementById（'table_id'）；
var article_title=表。行[1]。单元格[11]。innerHTML；
//将文章标题指定给文本框
设h4=document.createElement（'h4'）；
h4.textContent=文章标题；
document.getElementById（“文章标题”）.innerHTML=“”；
文件.getElementById（“文章标题”）.appendChild（h4）；
document.getElementById（“文章标题”）.style.color='black'
}

这是否回答了您的问题？您正在查找

元素。单击（）

（模拟对元素的单击）

<script>
    window.onload = function() {
        var table = document.getElementById('table_id');
        var article_title = table.rows[1].cells[11].innerHTML;
        //Assign Article Title to text box
        let h4 = document.createElement('h4');
        h4.textContent = article_title;
        document.getElementById("article_title").innerHTML = "";
        document.getElementById("article_title").appendChild(h4);
        document.getElementById("article_title").style.color='black'        
    }
</script>