如何通过JS修改html里面指定内容

HTML内容无编辑权限,如何通过JS修改HTML里面指定的文字?

<td>知识点</td>

这种无ID的情况下,如何通过JS把内容里面的文字“知识点”改成“规则”


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>
<body>
    <table>
        <tr>
            <td>修改前</td>
        </tr>
    </table>
</body>
<script>
   let td= document.getElementsByTagName("td")[0] 
   td.innerHTML="知识"
</script>
</html>

无id就选中标签啊

方法一,通过body层级关系获取到dom
方法二,通过定义属性值替代id

document.getElementsByTagName("td")[0].innerHTML="规则";