DOM编程

动态脚本

<!--动态载入外部文件-->
<script src="foo.js"></script>

<!--DOM创建节点-->
<script>
  let script = document.createElement('script');
  script.src="foo.js";
  document.body.appendChild(script);
</script>

在此处，最后一行把<script>元素添加到页面之前，是不会开始下载外部文件的。

script.text属性可以用来添加JavaScript代码

script.text="function sayHi(){ alert("hi")}"

注意通过innerHTML属性创建的<script>元素永远不会执行。

操作表格

<table>元素有以下属性和方法。

  • caption，指向<caption>元素的指针。
  • tBodies，包含<tbody>元素的HTMLCollection；
  • tFoot，指向 <tfoot>元素；
  • tHead，指向<thead>元素；
  • rows，包含表示所有行的HTMLCollection；
  • createTHead()，创建<thead>元素，放到表格中，返回引用；
  • createTFoot()，创建<tfoot>元素，放到表格中，返回引用；
  • createCaptiont()，创建<caption>元素，放到表格中，返回引用；
  • deleteTHead()，删除<thead>元素；
  • deleteTFoot()，删除<tfoot>元素；
  • deleteCaption()，删除<caption>元素；
  • deleteRow(pos)，删除给定位置的行；
  • insertRow(pos)，在行集合中给定位置插入一行；

<tbody>元素有以下属性和方法：

  • Rows，包含<tbody>元素中所有行的HTMLCollection;
  • deleteRow(pos)，删除给定位置的行；
  • insertRow(pos)，在行集合中给定位置插入一行，返回该行的引用。

<tr>元素添加了以下属性和方法：

  • Cells，包含<tr>元素所有的表元的HTMLCollection;
  • deleteCell(pos)，删除给定位置的表元;
  • insertCell(pos)，在表元集合给定位置插入一个表元，返回该表元的引用;