Javascript 知识-优快云博客

本文链接：https://blog.youkuaiyun.com/heqiangflytosky/article/details/8784423

本文详细介绍了JavaScript中如何通过DOM操作实现元素添加、属性自定义、输入框只读属性设置、单选按钮选择判断及元素删除等功能，并提供代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、Javascript添加控件自定义属性：

1)、添加：

(1)、

var encrypted = 1;
$("#ap_list").append(data.ap_info[i].ssid+"<input type=\"radio\" name=\"ap_name\" value=\"value\" id=\"id\" onclick=\"ap_onselect()\"  encrypted="+encrypted+" />");

(2)、

var txt = document.getElementById("id");
txt.setAttribute("encrypted","1");

2)、读取：

var ap_name = document.getElementsByName("ap_name");
var encrypted = ap_name[i].attributes["encrypted"].nodeValue;

2、设置input框的只读属性：

1)、只读：注意O要大写：

document.getElementById("connect_psd").readOnly="readonly";

可写：

document.getElementById("connect_psd").readOnly="";

2)、

document.getElementById("connect_psd").disabled=disabled;

或者

document.getElementById("connect_psd").readOnly=true;

3、判断哪个单选按钮被选中：

var ap_name = document.getElementsByName("ap_name");
var name;
for(var i=0;i<ap_name.length;i++){
	if(ap_name[i].checked){
		name=ap_name[i].value;	
	}
}

3、删除所有子节点：

var parentElement = document.getElementById("ap_list");
while(parentElement.lastChild) {
	parentElement.removeChild(parentElement.lastChild);
}