js如何用html的元素，js操作html元素

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

怎么用JS给HTML标签添加内容

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#txt).val(添加值)；$(#txt).attr(data，test)；。浏览器运行index.html页面，此时input元素成功被添加了值和属性。

2、javascript添加html标签如下：直接给javascript内容添加标签 body div id=div/div /body script var oDiv = document.getElementById(div)。oDiv.innerHTML = span11112222/span。

3、使用javascript 模板引擎用javascript预编译模版，就是动态修改模板文件使之成为一个可用的静态HTML文件。我平时会使用artTemplate，性能很好而且易上手。

4、新建一网页文件“sample.html，用记事本或其它文本编辑软件（如UltraEdit）打开，输入HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。JS代码可插入到”head标签之间。

5、所以在打包 JS 之前，我一般会通过脚本把所有的 Template.load(.*) 提取出来，替换成对应 HTML 的内容。这样在开发时非常方便，上线时也没有性能问题。

6、然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。通过value属性我们可以获得用户在input中输入的内容，如下图所示。下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。

相关问答

Q1: 怎么把html的{{}}中的数据传到js?

引入babel翻译器。ES6 是 JavaScript 语言的下一代标准，使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。html是超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

对于你的例子，只要把所有双引号用转义字符转义就行了：改成\换行符改成br/ 尖括号不需要转义字符串要定义在一行上，或者使用+拆分成多行。

通过表单简单的传输数据，利用js代码接收传递的数据，注意method属性要设为get。form id=form action=data.html method=get/form//action的值是你的目的html 在你的目的html中可通过url接收传递的数据，并将数据保存在一个对象中。

建立JS文件。把原本JS代码除SCRIPT/SCRIPT标签外内容复制进去，然后保存起来。在html里调用该JS文件。调用方法：script type=text/javascript src=JS文件路径/script。通常放在head/head部分，也有特例。你试一下就知道了。

将script标签中的js代码剪切出来例如console.log(1)；新建一个js文件例如index.js 把标签中的代码放进去。在html里用script里引入index.js文件。

Q2: 怎么用JS给一个HTML元素增加一个属性和值

1、使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

2、用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了。

3、getElementById(purchases)这个调用将返回一个对象，这个对象对应着document对象里的一个独一无二的元素，那个元素的的id属性值为purchases。其实，文档中的每个元素都是一个对象。利用DOM提供的方法能够得到任何一个对象。getElementsByTagName返回一个数组，即使整个文档里只有一个元素，也返回一个数组。

4、不是alert不好用。是你调错了参数。你如果在那里加alert相当于现实你获得的元素而不是值。

5、id属性就像一个挂钩，它一头连着文档里的某个元素，另一头连着CSS样式表里的某个样式。document.getElementById(purchases)这个调用将返回一个对象，这个对象对应着document对象里的一个独一无二的元素，那个元素的的id属性值为purchases。其实，文档中的每个元素都是一个对象。

6、通过HTML元素属性。简单说来就是在html结构中，给你要添加事件的元素添加一个属性。属性名为 on + 事件名。如：你要给a元素绑定一个click事件，你就该这么写：a href=http：//blog.16com/luping_01/blog/# onclick=do somethingname/a 通过对象属性。

Q3: 通过js给html元素赋值

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#txt).val(添加值)；$(#txt).attr(data，test)；。浏览器运行index.html页面，此时input元素成功被添加了值和属性。

将js中的值传递给html var Value = ；var oDiv = document.getElementById(div)；oDiv.innerHTML = Value；用innerHTML属性，这样就可以了。

js可以直接操作html，document.getElementById(p1).innerHTML=New text！；这是一个简单的使用js给id为“p1”的元素赋值new text ！直接使用赋值语句就可以操作HTML DOM元素了。

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

可用jquery，$(objid).html(vale)；也可以用document对象，document.getElementById(objid).innerHTML=value；但是前提是你需要事先把你要赋的值得到才可以。

Q4: js获取html元素的方式

1、新建一个html文件，命名为test.html。在test.html文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。在test.html文件内，在div标签内，填写一段文字，并加入一个span标签。在test.html文件内，创建一个button按钮，按钮名称为“获取html”。

2、一般用原生js、jQuery获取html元素的值。

3、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(body).append($(.name-price span).eq(0).find(b).text())；。浏览器运行index.html页面，此时通过jQuery取到了书名“数值分析”并打印了出来。

js如何用html的元素的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js操作html元素、js如何用html的元素的信息别忘了在本站进行查找喔。