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

如题所述

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('#txt').val('添加值');$('#txt').attr('data', 'test');。

3、浏览器运行index.html页面,此时input元素成功被添加了值和属性。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-12-15
<select style="width: 120px;" id="dp" name="dp" value="-1" onchange="funAlert(this)">
  <option value="-1" selected="selected"></option>
  <option value="1">WA1</option>
  <option value="2">OR2</option>
  <option value="3">AZ3</option>
  <option value="4">UT4</option>
  <option value="5">IA5</option>
  <option value="6">MD6</option>
</select>
 
<script type="text/javascript">
function funAlert(obj) {
    obj.setAttribute('demo', obj.value); //setAttribute设置自定义属性
    alert(obj.getAttribute('demo')); //getAttribute获取自定义属性的值
    alert(obj.getAttribute('value')); //由于没有用setAttribute('value', obj.value)修改自定义属性value的值,所以一直都是-1
    alert(obj.value); //直接获取select对象的value值,返回当前选中的option的值
}
</script>


value属性比较特殊,尽管value属性不是select元素的标准属性,但在JS中是可以通过select对象.value来获取选定值的,通过这种方法取得的value值实际上是所选择的option的value值。
像你这样直接在select标签的html代码中设置了一个value属性,JS仍然会把它当作是自定义属性。所以就出现了例子中这个比较“奇怪”的现象。

       

本回答被网友采纳
第2个回答  2016-11-21
var el = document.getElementById('id');
el.setAttribute('name', 'Lee');

怎么用JS给一个HTML元素增加一个属性和值
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、在index.html中的<script>标签,输入js代码:$('#txt').val('添加值');$('#txt').attr('data','test');。3、浏览器运行index.html页面,此时input元素成功被添加了值和属性。

怎么用JS给HTML标签添加内容
1、首先打开hbuilder软件新建一个html文件,在html页面上创建一个点击的button按钮:2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div,接着使用innerHTML对新建的div设置内容,最后把div放到body显示:3、在html里为button按钮添加宇哥点击创建div的事件,完成...

怎么解答“js向一个html中div属性赋值”?
使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数,如果值给一个参数则返回的是元素的属性的值,两个参数可以设置一个元素属性的值为第二个参数。JavaScript简介:JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置...

通过js给html元素赋值
通过选择复选框,把复选框后面的图片显示在另一个DIV标签里面:这里需要注意的是,如果在js里面定义一个变量,变量的值是一个html元素,必须先加到html里面,然后在赋值,不能先赋值,再加到html元素里面,这样是不对的

在header里面的js可以怎么赋值给html里的对象的事件属性?
可用jquery,$("objid").html(vale);也可以用document对象,document.getElementById("objid").innerHTML=value;但是前提是你 需要事先把你要赋的值得到才可以。

如何用js在页面中添加元素?
1.首先创建html结构,如下图所示,一个input元素,一个按钮,一个空的ul列表。2.然后添加按钮点击事件,如下图所示,在按钮点击事件中获得input元素。3.通过value属性我们可以获得用户在input中输入的内容,如下图所示。4.下面我们来动态创建一个li元素,如下图所示,运用document中的createElement方法即可...

js如何在元素前添加元素
创建html页面 1)打开记事本,输入如下截图所示的html代码2)将文件保存为html结尾的文件,例如JsTest.html 运行页面 1)上一步保存完成后,双击文件即可使用默认浏览器运行页面2)如果想使用指定浏览器运行,右键文件,选择【打开方式】-> 挑选任一已经安装的浏览器即可 原生JS方式,详细代码与注释 主要...

js在元素后面添加元素?
首先创建html结构,如下图所示,一个input元素,一个按钮,一个空的ul列表。然后添加按钮点击事件,如下图所示,在按钮点击事件中获得input元素。通过value属性我们可以获得用户在input中输入的内容,如下图所示。在index.html中的script标签,输入jquery代码:vara=125;$(body).append(divid=id+a+hello...

html,css, js span 能加个value属性吗?
可以,要在js函数中写 ("#span").attr("value")或$("#span").val()

html里面,点击按钮时,怎么使用js或jq给iframe里面的表单赋值和提交
根据iframename取得其中ID为"testId"元素 (window.frames["iframeName"].document).find("#testId").html()用JS或jQuery访问页面内的iframe,兼容IE\/FF 注意:框架内的页面是不能跨域的!假设有两个页面,在相同域下.index.html 文件内含有一个iframe:XML\/HTML代码 <!DOCTYPE html PUBLIC "-\/\/W3C\/\/...

相似回答