通过document.createAttribute设置文本框文本域只读

最新推荐文章于 2022-12-09 19:37:37 发布

原创最新推荐文章于 2022-12-09 19:37:37 发布 · 366 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript来动态地将HTML输入元素设置为只读状态的方法。通过获取指定ID的输入元素并创建一个只读属性节点，然后将其应用到该元素上，可以有效地阻止用户编辑这些字段。

代码片段：

var input = document.getElementById(f);
		if(input){
			var attr = document.createAttribute('readOnly');
			attr.value = true;
			input.setAttributeNode(attr);
		}else{
			continue;
		}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

czpae86x

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript【DOM概述、节点、节点树、Node.nodeType属性、document对象（属性、方法/获取元素、方法/创建元素）、Element对象属性】(十)

08-05

1201

JavaScript【DOM概述、节点、节点树、Node.nodeType属性、document对象（属性、方法/获取元素、方法/创建元素）、Element对象属性】(十)

【JavaScript】相关知识学习笔记

qq_49467214的博客

12-03

424

JavaScript笔记定义: JavaScript是一种基于对象和事件驱动的,并具有安全性能的脚本语言. 特点: 01.向HTML页面中添加交互行为 02.脚本语言,语法跟java类似 03.解释性语言,边执行边解释组成: 01.ECMAScript 02.DOM 03.BOM 基本语法结构: <script type = "text/javascript">  </script&g

参与评论您还未登录，请先登录后发表或查看评论

php domdocument属性,PHP DOMDocument createAttributeNS()用法及代码示例

weixin_39681724的博客

03-22

280

DOMDocument::createAttributeNS()函数是PHP中的内置函数，用于创建具有关联名称空间的新属性节点。用法:DOMAttr DOMDocument::createAttributeNS( string $namespaceURI, string $qualifiedName )参数：该函数接受上述和以下描述的两个参数：$namespaceURI:此参数保存名称空间的URI...

创建属性节点 createAttribute

︶￣城南花已开

09-08

1815

1 首先创建一个select; let inf = document.createElement('select'); 2 创建一个事件 let sel= document.createAttribute('onchange'); 3 给这个事件赋予一个方法名称 sel.value = "selChange()"; 4 赋予 inf.setAttributeNode(sel)

使用JavaScript中document对象-方法创建元素

J78807的博客

10-16

551

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

Javascript设置对象的ReadOnly属性(示例代码)

01-21

在JS中ReadOnly属性比较奇怪，直接创建一个对象，给该对象赋值readonly属性不能够向HTML中一样使用下面的方式：代码如下:var x=document.createElement(“input”);x.type=”text”;x.value=”ttttt”;x.id=”xy”;x.readonly=”readonly”;这样创建的对象并不是只读的。正确的写法是: 代码如下:var x=document.createElement(“input”);x.type=”text”;x.value=”ttttt”;x.id=”xy”;x.readOnly=true;这个平时写JS时候

Web前端技术个人学习经验总结

智慧城市大脑

04-23

3687

目录： 1.2017-12-24（第一天Web项目）： 2.2017-12-25（第二天表格）： 3.2017-12-25（第二天框架及表单）： 4.2017-12-26（第三天CSS语言）： 5.2017-12-28（DIV+CSS）： 6.2017-12-29（JavaScript）: 7.jQuery: 8.表单验证+正则表达式+BootStr...

DOM的document对象属性与方法大全，初学必看

weixin_44992737的博客

06-15

1687

DOM，document对象的属性与方法

document节点创建页面元素

不甜呐的博客

05-21

3496

1.createElement()方法描述：本方法用来在内存中创建一个页面元素语法：var 变量名 = document.createElement("标签名"); 注意：本方法创建的页面元素并不会直接显示在页面中，而是默认存在于内存中兼容性：五大主流浏览器都支持 2.createTextNode()方法描述：本方法可创建文本节点语法：var 变量名 = document.createTextNode(text); 兼容性：五大主流浏览器都...

Javascript中DOM常用方法和属性总结

qq_2511276124的博客

12-09

2228

文档对象模型 (DOM)将 web 页面与到脚本或编程语言连接起来。通常是指 JavaScript，但将 HTML、SVG 或 XML 文档建模为对象并不是 JavaScript 语言的一部分。DOM 模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点 (node)，每个节点都包含着对象 (objects)。DOM 的方法 (methods) 让你可以用特定方式操作这个树，用这些方法你可以改变文档的结构、样式或者内容。节点可以关联上事件处理器，一旦某一事件被触发了，那些事件处理器就会被执行。

document对象

qq_41988669的博客

11-28

1786

DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。DOM 只是一个接口规范，可以用各种语言实现。

js input点击事件_JS之复制内容到剪贴板

weixin_39906878的博客

11-29

456

阅读本文约需要6分钟大家好，我是你们的导师，我每天都会在这里给大家分享一些干货内容(当然了，周末也要允许老师休息一下哈)。上次老师跟大家分享了Vue之3.0升级的知识，今天跟大家分享下JS之复制内容到剪贴板的知识。1 复制内容到剪贴板最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。常见方法查了一下万能的Google，现在常见的方法主要...

【适用于vue，js,全网最简单】实现点击复制粘贴到剪切板功能

08-01

620

vue中实现js复制粘贴到剪切板功能

js 点击按钮复制文本方法

热门推荐

weixin_42333548的博客

02-20

1万+

<span class="copyMa" @click="copy()">点击复制</span> copy(){ let random = this.$refs.randomCodeRef.innerHTML; const input = document.createElement('input'); ...

Document的属性和方法

mch0311的博客

09-05

2712

documentElement html元素 body body元素 doctype title 标题 URL 统一资源定位符，获取路径 domain 域名 referrer 前一个页面的URL images 所有img标签 forms ...

DOM节点操作属性和方法

weixin_43846130的博客

01-22

1626

一、访问/获取节点 document.getElementById(id);　　　　　　　　　　//返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name);　　　　　　//返回带有指定名称的节点集合　　注意拼写:Elements document.getElementsByTagName(tagname); 　　//返回带有指定标签名的对象集合...

JavaScript DOM用document.createElement()生成元素，用seAttribute()函数设置属性值

ios0213的专栏

05-22

1万+

利用JavaScript DOM生成元素如下步骤： var para=document.createElement("div"); para.setAttribute("id","slideshow"); var img=document.createElement("img"); img.setAttribute("id","img"); img.setAttribute("src","

DOM创建元素、属性、文本节点

lost_wen的博客

02-13

1885

var form = document.createElement('table'); //创建元素节点 var att=document.createAttribute("id"); //创建属性节点 att.value="prop"; form.setAttributeNode(att); var td1 = document.createElement('td'); v

document.createElement()用法及注意事项 01

William Lin 的专栏

02-20

2323

document.createElement()用法及注意事项2008-11-25 20:24document.createElement 用法及注意事项2008-09-02 14:20document.createElement()用法及注意事项今天处理了一个日期选择器的ie和ff的兼容问题，本来这种情况就很难找错误，找了好久才把错误定

document.createattribute

04-11

document.createAttribute 是 JavaScript 中的 DOM (文档对象模型)方法，用于创建新的 HTML 元素属性。该方法可以在 HTML 文档中的任何元素上创建任何属性，例如 class、id、src、href 等等。