Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >Javascript设置对象的ReadOnly属性

Javascript设置对象的ReadOnly属性

作者头像

深蓝studyzy

发布于 2022-06-15 12:15:01

发布于 2022-06-15 12:15:01

2.7K00

代码可运行

举报

文章被收录于专栏：深蓝居深蓝居

运行总次数：0

代码可运行

在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时候要注意。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2007-06-04，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

JavaScript实现本地图片上传预览功能（兼容IE、chrome、FF）

摘要本人个人nodejs分享论坛：tnodejs.com 参考：http://blog.csdn.net/nhconch/article/details/7295456 需要解决的问题有：本地图片如何在上传前预览、编辑；最近发现这个功能很多是基于flash实现的，很多JavaScript实现的代码兼容性都很差，特别是在IE和firefox和chrome三个浏览器上不兼容。代码实现主要利用到jquery插件imgAreaSelect，FileReader对象（chrome和ff获取本地图片数据的接口）

蛋未明

2018/06/07

2K0

JavaScript 各种事件触发总结

javascript form select submit window

鼠标 Click: 鼠标在一个对象上左键点击触发Click事件,对象包括button,document,checkbox,link,radio,submit.

王瑞

2022/12/28

4.2K0

JavaScript学习总结（七）

html 数据结构编程算法 javascript node.js

这一讲我们来学习DOM编程（十分重要），有了DOM编程，我们就可以操作任意的HTML元素了。

roobtyan

2019/02/21

5560

03_JavaScript学习笔记整理-DOM

java https 网络安全 html

DOM ：DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器

全栈程序员站长

2021/07/13

7490

JavaScript -2- 设置属性的几种方法

如果属性有’-'号，就写成驼峰的形式（如textAlign）如果想保留 - 号，就中括号的形式 element.style[‘text-align’] = ‘100px’;

为为为什么

2022/08/06

9620

【JavaEE初阶】JavaScript(WebAPI)

javascript webapi 对象函数事件

API 是一个更广义的概念. 而 WebAPI 是一个更具体的概念, 特指 DOM+BOM 所谓的 API 本质上就是一些现成的函数/对象, 让程序猿拿来就用, 方便开发. 具体可查看: API参考文档

xxxflower

2023/10/16

3590

【JavaEE初阶】JavaScript(WebAPI)

JavaScript崩溃指南：你遇到过这些异常吗？

2023腾讯·技术创作特训营第三期

xhr.open('GET', 'http://example.com/api/data', true);

zayyo

2023/11/01

5740

JavaScript 前端知识点总结

编程算法 javascript

Java Script 是基于对象的脚本语言,而不是面向对象中所使用的那个对象,之所以说JS是一门基于对象的编程语言,是因为它没有提供抽象,继承,封装等面向对象语言的很多功能,而是把其他语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统.

王瑞

2022/12/28

2.6K0

JavaScript对象之document对象

javascript 面向对象编程

DOM对象之document对象 DOM对象：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树。打开网页后，首先

二十三年蝉

2018/02/27

1.6K0

JavaScript对象之document对象

JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战（动态添加删除表格）

上一博文种讲解了JavaScript基础的ECMAScript，包括基本语法和部分对象，本文中继续讲解JavaScript中比较重要的两部分内容BOM、DOM及事件，后文中有对应的实战练习。

Winter_world

2020/09/25

2.4K0

JavaWeb——JavaScript精讲之DOM、BOM对象与案例实战（动态添加删除表格）

javascript中的内存管理

javascript node.js 网站

在c语言中，我们需要手动分配和释放对象的内存，但是在java中，所有的内存管理都交给了java虚拟机，程序员不需要在手动进程内存的分配和释放，大大的减少了程序编写的难度。

程序那些事

2021/03/01

5740

javascript dom学习笔记

http://blog.csdn.net/zhoulenihao/article/details/11099455

bear_fish

2018/09/19

1.9K0

JavaScript---网络编程(9-1)--DHTML技术演示(2-1)-表格创建的几种方式

css table 表格对象浏览器

一：用最底层的方式，该方式用来创建别的对象树也可以代码演示： <html> <head> <title>DHTML技术演示---表格创建--用最底层的方式，其实该方式用来创建别的对象树也可以</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> table{ border:#ff80ff;

谙忆

2021/01/21

7580

JavaScript---网络编程(9-1)--DHTML技术演示(2-1)-表格创建的几种方式

JavaScript学习笔记（一）

html javascript 文件存储 json node.js

wdm，这个寒假越过越长… 寒假在家学习JavaScript的相关知识，写博客作为笔记我是以清华大学出版社的《JavaScript从入门到项目实践》作为学习用书的

wsuo

2020/07/31

3.4K0

JavaScript学习笔记（一）

JavaScript也能求爱哦

java https 网络安全 javascript

不仅能出现以下的图的效果，还能够让这个图形尾随着鼠标转动哦，这里面仅仅是一个简单的没有修饰的小样例，基于这个样例能够让求爱，更加好玩了。闷骚男们，是不是能够给你的小萝莉发个这种网页啊。给力的。

全栈程序员站长

2022/07/09

4870

JavaScript也能求爱哦

【JS】JavaScript 基础入门

javascript 对象函数基础入门

theme: healer-readable highlight: a11y-dark

sidiot

2023/08/26

3660

【JS】JavaScript 基础入门

JavaScript | 笔记

xml 网络安全网站编程算法

Element.replaceWith(）的签名接受数量可变的Node或DOMString参数。。。

yiyun

2022/04/01

1.6K0

JavaScript | 笔记

Vue（JavaScript）下载文件方式汇总

由于上面是方法会打开新的界面，所以我们需要对下载链接进行一些处理，比如转为blob格式：

十玖八柒

2022/08/01

2.6K0

javascript入门笔记9-认识DOM

认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。将HTML代码

方志朋

2017/12/29

1.4K0

javascript入门笔记9-认识DOM

《最新出炉》系列初窥篇-Python+Playwright自动化测试-30-处理日历时间控件-下篇

自动化测试工具第二期热点征文-编程语言 python playwright 教程

理想很丰满现实很骨感，在应用playwright实现web自动化时，经常会遇到处理日期控件点击问题，手工很简单，可以一个个点击日期控件选择需要的日期，但自动化执行过程中，完全复制手工这样的操作就有点难了或者是有些复杂啰嗦而且麻烦不过相对于selenium来说，playwright已经很好了。宏哥上一篇已经讲解了如何处理日历时间控件，但是有些网站不知道出于什么原因，对于第一种方法可能会遇到输入框是readonly的情况，禁止输入文本。那么第一种方法就不适用了，但是只要我们换个思路然后稍微的变通地处理一下，就又可以使用了。

北京-宏哥

2023/11/10

4140

相关推荐

JavaScript实现本地图片上传预览功能（兼容IE、chrome、FF）

更多 >

LV.2

腾讯云区块链研发工程师

作者相关精选

换一批

交个朋友

加入腾讯云官网粉丝站

蹲全网底价单品享第一手活动信息

加入讨论

的问答专区 >

1IT服务工程师擅长5个领域

相关课程

一站式学习中心 >

云开发微搭低代码平台-一人构建企业级应用实战训练营

腾讯云微搭低代码

AI绘画-StableDiffusion图像生成

大模型图像创作引擎

高性能应用服务

腾讯云向量数据库快速上手训练营

向量数据库

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验