提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
前言
本文内容旨在将九九乘法表利用DOM document对象方法将js中代码渲染到浏览器上，适合DOM刚入门的新手，小白查阅与练习使用。
DOM在JavaScript的学习当中至关重要，我们可以通过一些小练习来熟练掌握并运用它们。99乘法表作为一个初级且基本的功能，能够较好的使用到DOM中的一些方法和技巧
一、使用步骤
1.创建html基础样式
代码如下（示例）：
< !-- html部分 -->
<body>
<table></table>
</body>2.创建内嵌的JavaScript样式
代码如下（示例）：
<script>
// 99乘法表
let table = document.querySelector('table') // 获取到html中的元素 table
// 利用嵌套循环实现该功能
for (let i = 1; i <10; i++){
// 创建 tr元素
let tr = document.createElement("tr");
for (let j = 1; j<= i; j++){
// 创建 td元素
let td = document.createElement( "td");
let str = j+"*"+i+"="+i*j; // 字符串拼接
td.innerText = str;
tr.appendChild(td); // 将元素 td 作为子节点添加到父节点 tr 中
}
table.appendChild(tr); // 同理
}
</script>
总结
提示：除了使用document.querySelector();来获取元素之外，如果元素存在类名或者id，也可以使用document.getElementsByClassName(‘tag’)；// document.getElementByld('id');
621
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
