网站开发需要掌握哪些知识,网站建设讨论会,wordpress 主页地址函数,百度seo公司电话【基因检测人工智能】如何使用JAVASCRIPT在HTML文档内部增加一个段落
目的#xff1a;采用JAVASCRIPT在一个HTML网页中增加一个段落。
下面是原来的HTML代码部分#xff1a;
!DOCTYPE html
html langzh-Hansheadmeta charset采用JAVASCRIPT在一个HTML网页中增加一个段落。
下面是原来的HTML代码部分
!DOCTYPE html
html langzh-Hansheadmeta charsetUTF-8title测基因阻断遗传就在“佳学基因”干/titlemeta nameviewpoint contentwidthdevice-width; scale1script srcjs/paddtion_in_body.js/script/headbody idmyBodyh1 idmyh1测基因阻断遗传就在“佳学基因”干/h1p idexistingp在第一段里介绍了佳学基因如何采用基因解码技术更快更准地对已诊断的罕见病、疑似疾病病例及未确诊病例找到疾病基因。/p/body/html下面是JAVASCRIPT代码部分
document.addEventListener(DOMContentLoaded, function padditioninbody() {const bodytoadd document.getElementById(myBody);const paratoadd document.createElement(p);paratoadd.textContent 在第二段里拟介绍肌营养不良、脱发、肿瘤等不同遗传病的发病原因查找的基因检测项目价格、费用、及如何进行检测的流程。;bodytoadd.appendChild(paratoadd);
});
代码解释
1、HTML采用了简单的结构包含文档类型定义HEAD内容。 页面的题目可以是根据需求来自定义如“华大基因检测佳学基因检测罕见病基因人工智能学习”等。 2、使用了事件监听语句 addEventListener, 和监听事件 DOMContentLoaded. 使得修改过程在HTML文档的全部内容加载后进行否则JAVASCRIPT不能发现需要修改的对象。 3、采用getElementbyId指定需要修改的上一层结构这里是部分。 并将需修改的部分命名为bodytoadd. 4、新增加一个网页成分
, 并将其命名为paratoadd. 5、为新加的段落内容制定内容 “在第二段里拟介绍肌营养不良、脱发、肿瘤等不同遗传病的发病原因查找的基因检测项目价格、费用、及如何进行检测的流程。” 6、使用bodytoadd指明添加的位置 使用appendChild行驶添加动作采用paratoadd指加添加的内容。 运行测试
可以使用visual code拷贝上述代码进行测试并按照自己的需要进行修改使用。
