document.createElement('script')问题

一、document.createElement('script')问题

1、【问题回复】请问你的报错是什么

2、第一行代码：是<div>标签和<script>标签

3、第二行代码：定义了一个变量，存了一个东西（是啥东西？）

4、以下你就知道怎么做了，应该就。。。。。。可能

5、【机器认为存在的问题的可能性】

6、不规范之一是：两个标签写在一行，调试时机器没有办法一次性识别

二、请介绍下javascript的document.body.appendchild方法!!

JavaScript中的document.body.appendChild方法介绍

JavaScript中的`document.body.appendChild`方法用于向HTML文档的body部分添加新的子节点。这个方法接受一个节点对象作为参数，并将其添加到body的末尾。

1.方法概述：`document.body.appendChild`是DOM操作中的一个常用方法。DOM是将HTML文档结构化为节点和对象的树形结构，允许通过JavaScript来动态地访问和修改文档内容。

2.功能特点：`appendChild`方法允许开发者向页面的body部分添加新的HTML元素或其他节点。这个方法是直接添加到body的末尾，不会考虑body中已有的其他元素。如果要添加的位置有特定的需求，可能需要其他DOM操作方法如`insertBefore`或`insertAdjacentElement`。

3.使用方法：使用该方法时，需要创建一个新的节点对象，然后进行配置，最后使用`appendChild`将其添加到body中。例如：

var newElement= document.createElement;//创建一个新的div元素

newElement.textContent='Hello, World!';//设置文本内容

document.body.appendChild;//将新元素添加到body的末尾

4.注意事项：使用`appendChild`时需要注意避免重复添加相同的节点。如果尝试添加一个已经存在于文档中的节点，该节点会被重新添加到新的位置，并且其原有位置上的兄弟节点会被重新排序。此外，频繁操作DOM可能会导致页面重排，影响性能，因此在实际应用中需要谨慎使用。

总的来说，`document.body.appendChild`是一个简单而实用的方法，用于在JavaScript中动态地向HTML文档的body部分添加内容。通过结合其他DOM操作方法，可以实现更复杂的页面动态更新和交互功能。

三、怎么用javascript创建表格

方法一：最原始的方法，创建一一元素

vara1=document.createElement("table");

vara2=document.createElement("tbody");

vara3=document.createElement("tr");

vara4=document.createElement("td");

//开始appendchild()追加各个元素

a1.appendChild(a2);

方法二：利用table对象里面含有的函数：插入行和插入列

方法二：利用table对象里面含有的函数：插入行和插入列

vartabNode=document.createElement("table");

vartrNode=tabNode.insertRow();

tabNode.innerHTML="这是采用table对象里面的函数创建的"

注意：利用原始方法，一个个createElement时候，必须要添加一个tbody对象

动态的创建和删除：

tableNode=document.createElement("table");//获得对象

tableNode.setAttribute("id","table")

varrow=parseInt(document.getElementsByName("row1")[0].value);//获得行号

alert("输入的行号错误，不能创建表格，请重新输入：");

varcols=parseInt(document.getElementsByName("cols1")[0].value);

alert("输入的列号错误，不能创建表格，请重新输入：");

vartrNode=tableNode.insertRow();

vartdNode=trNode.insertCell();

tdNode.innerHTML="单元格"+(x+1)+"-"+(y+1);

document.getElementById("div1").appendChild(tableNode);//添加到那个位置

//要删除行，必须得到table对象才能删除，所以在创建的时候必须要设置table对象的id方便操作

vartab=document.getElementById("table");//获得table对象

varrows=parseInt(document.getElementsByName("delrow1")[0].value);//获得要删除的对象

alert("输入的行不正确。请输入要删除的行。。。");

if(rows>=1&&rows<=tab.rows.length){

//删除列要麻烦些，要通过行来进行删除

//一行的cells的长度就是列的个数

//tab.rows[x].deleteCell(cols-1)

vartab=document.getElementById("table");

varcols=parseInt(document.getElementsByName("delcols1")[0].value);

alert("输入不正确。请输入要输出的列。。");

if(!(cols>=1&&cols<tab.rows[0].cells.length)){

alert("您要删除的行不存在！！");

for(varx=0;x<tab.rows.length;x++){//所有的行

tab.rows[x].deleteCell(cols-1);