new Option()函数，以及HTML DOM setAttribute() 方法

最新推荐文章于 2022-06-22 22:47:53 发布

Charminglsy

最新推荐文章于 2022-06-22 22:47:53 发布

阅读量1.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/Charminglsy/article/details/91628729

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

HTML DOM setAttribute() 方法
实例：
设置 input 元素的 type 属性：
document.getElementsByTagName(“INPUT”)[0].setAttribute(“type”,“button”);

<!DOCTYPE html>
<html>
<body>

<input value="OK">

<p id="demo">点击按钮来设置按钮的 type 属性。</p>

<button onclick="myFunction()">试一下</button>

<script>
function myFunction()
{
document.getElementsByTagName("INPUT")[0].setAttribute("value","woaini"); 
}
</script>

<p>Internet Explorer 8 以及更早的版本不支持此方法。</p>

</body>
</html>

new Option()函数的作用

三级联动中用到的函数
作用：用于创建一个新的选项
Option()构造函数接受两个参数：文本(text)和值(value);
实例1：

var newOption = new Option("Option text","Option value");
selectbox.appendChild(newOption);

实例2：

var selectbox = document.getElementBy("selLocation");
var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode("Option text"));//createTextNode()函数可返回一个文本对象
newOption.setAttribute("value","Option value");
//setAttribute()函数用法如上

for each用法：
foreach的函数内容：
function(currentValue, index, arr)
currentValue 必需。当前元素
index 可选。当前元素的索引值。
arr 可选。当前元素所属的数组对象。

 var name = this.value;
            all.forEach(function(val,index){
                if(val.name== name){
                    citylist.push(val);
                }
            });

Charminglsy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
new Option()函数，以及HTML DOM setAttribute() 方法

HTML DOM setAttribute() 方法实例：设置 input 元素的 type 属性：document.getElementsByTagName(“INPUT”)[0].setAttribute(“type”,“button”);<!DOCTYPE html><html><body><input value="OK">...
复制链接

扫一扫