用什么代码可以在页面添加html元素呢?

简介: 用什么代码可以在页面添加html元素呢?

首先要确定在哪个元素后面添加元素,然后利用js的appendChild方法在该元素后面追加元素

我们获取到这个元素之后,我们可以将这个元素用document get by ID的一个选择器获取到它的本身,或者用dollar符括号,双引号井号元素的名字,后面加一个点text括号,加上双引号就可以改变一个元素的内容,将内容添加到HTML元素,我们可以使用模板字符串模板,字符串就是增强性的模板字符串,反引号显示在其中,添加可以添加at mail显示,比如let sty等于空模板字符串是覆盖at ml元素的内容sty加等于模板字符串是循环,一般是用来循环后后台数据进行一个渲染。

获取元素

let body=document.getElementsByTagName('body')[0]。

标签选择器

然后动态创建a标签

把创建好的a标签追加到body下面eateElement('a')。

在a标签里面添加文本内容

a.innerHTML='这是一个链接'。

给a标签添加一个链接

let a=document.cr

element.appendChild()方法向节

body.appendChild(a)。
a.href='https://www.baidu.com/'。
js一些原生方法

点添加最后一个子节点。

element.appendChild(要添加进去的节点)

相关文章
|
23天前
使用HTML编写注册页面
使用HTML编写注册页面
12 1
|
8天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
8天前
|
前端开发
HTML代码示例
HTML代码示例
12 1
|
8天前
|
搜索推荐
当使用HTML代码时,一些常见的问题
当使用HTML代码时,一些常见的问题
9 0
|
9天前
错误或拦截页面的html代码
错误或拦截页面的html代码
13 0
错误或拦截页面的html代码
|
17天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
18 0
|
17天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
17行html代码实现的将网页文本保存成本地文本文件
17行html代码实现的将网页文本保存成本地文本文件
350 0
17行html代码实现的将网页文本保存成本地文本文件
17行html代码实现的将网页文本保存成本地文本文件
17行html代码实现的将网页文本保存成本地文本文件
163 0
17行html代码实现的将网页文本保存成本地文本文件
|
14天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0