如何实现隐藏div同时去掉input属性？-CSDN论坛

如何实现隐藏div同时去掉input属性？

Web 开发 > JavaScript

收藏回复

[问题点数：40分，结帖人cxxbz]

⋅zend studio使用注释快捷键后的颜色变化问题 ⋅如何方便的上传本地文件到主机？ ⋅数据库sql优化问题 更多帖子 关注私信空间博客 cxxbz 等级 本版专家分：0 结帖率 77.78%: <li>
<div id="5" display="block" class="item">
<input type="text" style="border:0; height:24px" disabled="disabled" id="relatedSinoWord" value="水草" class="input_ar_out">
<em onclick="change()" class="close"></em>
</div>
</li>

<li>
……代码同上
</li>

<li>
……代码同上
</li>

如何实现点击em标签时隐藏其所在的div（注：每个div的id值是随机的），同时去掉其中input的disabled属性？

2012-12-03 21:06:53

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅zend studio使用注释快捷键后的颜色变化问题 ⋅如何方便的上传本地文件到主机？ ⋅数据库sql优化问题 更多帖子 关注私信空间博客 cxxbz 等级 本版专家分：0: 另注：input的id="relatedSinoWord"也是随机的。每个li中均是如此。

2012-12-03 21:09:08

点赞只看TA 引用举报 #1得分 0

⋅Java翻译成C#

⋅Windows 服务能安装但不能启动

⋅为什么私信的内容看完了，刷新页面，红色的消息数字还是无法消失？

更多帖子

关注私信空间博客

版主

吉普赛的歌

等级

本版专家分：4697

勋章

签到新秀

榜眼 2018年总版新获得的技术专家分排名第二

进士 2019年总版新获得的技术专家分排名前十

金牌 2018年10月总版技术专家分月排行榜第一
2018年9月总版技术专家分月排行榜第一
2018年8月总版技术专家分月排行榜第一

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        function change(){

            var divObj = document.getElementById("5");

            var txtObj = document.getElementById("relatedSinoWord");

            

            //divObj.style.display = "none"; //去掉前面的注释就可以达到你要的效果了。不过加上才好看效果

            alert(txtObj.disabled);

            txtObj.removeAttribute("disabled");

            alert(txtObj.disabled);

        }

    </script>

</head>

<body>

<li>

<div id="5" display="block" class="item">

<input type="text" style="border:1px width red; height:24px" disabled="disabled" id="relatedSinoWord" value="水草" class="input_ar_out">

<em onclick="change()" class="close">爷们</em>

</div>

</li>

</body>

</html>

2012-12-03 21:18:50

点赞只看TA 引用举报 #2得分 0

⋅Java翻译成C#

⋅Windows 服务能安装但不能启动

⋅为什么私信的内容看完了，刷新页面，红色的消息数字还是无法消失？

更多帖子

关注私信空间博客

版主

吉普赛的歌

等级

本版专家分：4697

勋章

签到新秀

榜眼 2018年总版新获得的技术专家分排名第二

进士 2019年总版新获得的技术专家分排名前十

金牌 2018年10月总版技术专家分月排行榜第一
2018年9月总版技术专家分月排行榜第一
2018年8月总版技术专家分月排行榜第一: 不明白你的用意，如果隐藏了，修改textbox的属性还有何用？

2012-12-03 21:19:59

点赞只看TA 引用举报 #3得分 0

修改了一下，可以应对你所说的：乱七八槽的id都是随机的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        function change(obj){

            var divObj = obj.parentElement;

            var txtObj = divObj.getElementsByTagName("input")[0];

            

            //divObj.style.display = "none"; //去掉前面的注释就可以达到你要的效果了。不过加上才好看效果

            alert(txtObj.disabled);

            txtObj.removeAttribute("disabled");

            alert(txtObj.disabled);

        }

    </script>

</head>

<body>

<li>

<div id="5" display="block" class="item">

<input type="text" style="border:1px width red; height:24px" disabled="disabled" id="relatedSinoWord" value="水草" class="input_ar_out">

<em onclick="change(this)" class="close">爷们</em>

</div>

</li>

</body>

</html>

2012-12-03 21:24:19

点赞只看TA 引用举报 #4得分 40

⋅zend studio使用注释快捷键后的颜色变化问题 ⋅如何方便的上传本地文件到主机？ ⋅数据库sql优化问题 更多帖子 关注私信空间博客 cxxbz 等级 本版专家分：0: 引用 4 楼 yenange 的回复:
修改了一下，可以应对你所说的：乱七八槽的id都是随机的。
JavaScript code?1234567891011121314151617181920212223242526<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-……

我试了一下当打开JS中的alert时候，能够实现隐藏div同时去掉disabled属性，但我注释掉alert时，只能隐藏div不能去掉disabled属性。不知道什么原因？

2012-12-04 22:19:43

点赞只看TA 引用举报 #5得分 0

哪里有你所说的情况啊？

你先点按钮，再点“爷们”，再点按钮，难道没有变化吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        function change(obj){

            var divObj = obj.parentElement;

            var txtObj = divObj.getElementsByTagName("input")[0];

            

            divObj.style.display = "none"; 

            txtObj.removeAttribute("disabled");

        }

        

        function getTxtAttr(){

            var txtObj = document.getElementById("relatedSinoWord");

            alert("txt的disabled状态：" + (txtObj.disabled?"是":"否"));

        }

    </script>

</head>

<body>

<li>

<div id="5" display="block" class="item">

<input type="text" style="border:1px width red; height:24px" disabled="disabled" id="relatedSinoWord" value="水草" class="input_ar_out">

<em onclick="change(this)" class="close">爷们</em>

</div>

</li>



<input type="button" onclick="getTxtAttr()" value="取文本的disabled属性" />

</body>

</html>

2012-12-04 22:57:07

点赞只看TA 引用举报 #6得分 0

收起

收藏回复

cxxbz

等级：

关注私信 TA的帖子

js通过input框输入属性和值，改变div的属性: js实现在input框里面输入属性和值，页面的 div的属性根据输入的属性和值进行变化。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>函数传参，改变Div...

【input 标签的 type 属性详解】: input 标签的 type 属性详解1. input 输入标签的type 属性1.1 input 标签的 type类型属性的常用属性值⑴ type="text"⑵ type="button"⑶ type="checkbox"⑷ type="file"⑸ type="hidden"⑹ type="image"⑺ type=...

jquery 修改input输入框的 readOnly属性 && input输入框隐藏: jquery 修改input输入框的 readOnly属性 && input输入框隐藏 html的代码 <div class="control-group"> <label class="control-label...

div标签别样的属性——tabindex: 今天做开发遇到一个问题，经过努力还是解决了，这次然我认识了div中一个新的属性tabindex，下面结合例子谈一下该属性的作用：

input去除小箭头: 偶然的机会，PM看我写的页面，然后我自己随便输入一个值的时候，发现number框可以输入“e”,"…",出于好奇去网上...div class="layui-form-item"> <label class="layui-form-label">金额</label> ...

教你如何使用css隐藏input的光标: 今天公司的ui突然跑过来问我一个问题：“如何在不影响操作的情况下，把input的光标隐藏了？”。我相信很多人会跟我一样，觉得这是个什么狗屁需求，输入框不要光标这不是反人类吗？可惜我们只是个小小的撸码仔，...

html中div获取焦点，去掉input div等获取焦点时候的边框: 经测试只有在IE chrome才会在获取焦点时有边框使用CSS div{ outline:none; ...DIV焦点事件详解 --【focus和tabIndex】 ...添加 tabindex='-1' 属性；默认：获取不到焦点事件（blur） <div clas...

滚动屏幕显示隐藏div_HTML结构-常用标签：a·img·table·form·input·iframe·div: 学习目标：掌握html的结构,head与body的区别掌握常用标签掌握a标签,img标签掌握table标签掌握form标签,input标签掌握iframe 和frameSet标签掌握div标签互联网的三大基石互联网中的三大基石是什么?HTML:超文本...

iview结合loading属性手动控制显示隐藏: <Modal v-model="modalVisible" :loading="modalLoading" @on-ok="onModalOk" @on-cancel="modalVisible = false" > </Modal> onModalOk() { if (this.modalType ...

Vue 使用div contenteditable属性模拟输入框: 使用div模拟输入框的原因：input不能让文本换行、textarea高度始终固定需要配合js才能自适应文本高度，使用div模拟输入框，可以让高度自适应文本内容。首先还是先介绍一下相关属性： contenteditable：true | ...

input标签radio、checkbox、text、password等类型的属性区分与混合使用: 下面时小编自己总结的一些关于input标签的属性于技巧，希望对大家的开发有所帮助。一、单选框当input标签的类型为radio时就有了单选框的功能，这个功能在表单里常用于判断性别。用于判断性别这类两种类型的选项...

【javaWeb】显示和隐藏div: 一、效果展示 1、初始状态，效果 2、点击“显示或隐藏”连接，效果 3、再次点击“显示或隐藏”连接，效果二、实现代码 <html> <head&...显示隐藏div</title&

去掉input type=file的默认样式: 原样式：解决：加style="opacity: 0;"变成透明的然后可以外面套个div,在div上自定义样式。

miniUI中动态隐藏和显示: 1.页面中隐藏表格（例如td或者tr），需要使用下面代码：动态隐藏和显示一般调用一个方法来触发，例如某个值改变事件方法 onvaluechanged="方法名" （1）隐藏 $("#id名称").css("...

在js里通过id控制表或div的隐藏和显示,以及把id前缀相同的div全部隐藏起来: function titles(Obj){ var k=Obj; var qian="add_"; var ids=qian+k; var ids2='#'+ids; var ids3='"'+ids2+'"';...$("#adds_"+k+"").attr("style","display:show();...$("#maintable").attr("style","displa

15点击按钮，设置div显示和隐藏div: input type="button" value="设置div隐藏" id="btn18" /> <input type="button" value="设置div显示" id="btn19" /> <div id="dv" style="width: 200px;height: 200px;background-...

IOS中使用网页时input去除默认样式的两个属性: 1、-webkit-appearance 参考：... 使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单

举例：jsp之间传值：jQuery表单form中克隆一个div放下面并改变其id和其中input的name属性使自增，jsp接收并...: 第一个jsp，表单如下，初始化有两个div，div和name属性的规律都是不一样且自增（自增方式可自定义），一个隐藏域用于存放区块数： <form action="workTo.jsp" method="post"> <button type="button" id=...

JQuery 设置show/hide显示隐藏属性无效的原因: 问题描述：表格中有radio选项，点击不同的radio选项会显示对应...操作就是对radio加change监听事件，根据不同选中的值将对应表单选项show()展示出来。 <div class="radio> <input class="os" name="os" type="ra

日常记要之自定义下拉框div属性: 在做下拉框时，一直以来处理下拉选项失去焦点的显示隐藏，都是通过document监听指定的事件来控制，... 于是就想通过失去焦点的方式处理，但是show()和hide()表现得有点违和，巧合下发现div可以通过添加属性“ ta...

input边框怎么去掉_CSS盒模型之内边距、边框、外边距十九问（持续更新）: 第一问：什么是盒模型？第二问：两者的区别是什么？第三问：怎么设置这两种模型呢？第四问JS怎么获取和设置盒模型的宽高呢，你能想到几种方法第五问：描述一下下面盒子的大小，颜色什么的(content-box模型)第六问：...

【html】可以编辑的div contenteditable属性: contenteditable属性代替input的文本编辑器预览效果事件和样式处理代替input的文本编辑器有时，我们不想使用input/textarea，但又希望标签的内容支持编辑。这时，可以使用html5的contenteditable属性。 ...

css实现input获得焦点时label向上移动并且输入框下边框样式改变: Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。前提：今晚在浏览网页时，无意中发现SegmentFault网站中一位网友的评论中有一张动态图片（如上图所示），效果看起来挺炫酷的，所以呢，也想自己动手...

input [type=number] 各主流浏览器上隐藏/去掉右侧箭头、x号、小眼睛及 maxlength设置: 备忘，直接上代码： &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;...U

javascript (js)通过button按钮实现盒子的显示和隐藏: 前奏：无论是实现div或其他内容的显示和隐藏，原理都差不多效果图：点击隐藏后隐藏盒子，同时隐藏按钮的值修改为显示。点击显示后盒子又将显示，显示按钮的值修改为隐藏，如图：完整代码如下（代码详解）：...

HTML5表单中password输入框的文字显示与隐藏实现: 要实现这个功能首先想到的是用js动态改变input的type类型，觉得将type = password变成type = text隐藏的密码就会显示，但是实际上却实现不了，没有效果，所以，只能换一个思路：放两个input，一个是password，一...

js实现显示与隐藏: 总结如下：1.jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery...

css控制div显示／隐藏方法及２种方…: 谈们的属性分别如下： display:none|block;display:none;时隐藏该html元素，确切的说，是在浏览器中消除该元素，不占屏幕的空间。若其下有其他元素，就会上移到该空间区域（好像桌子上有100块钱，

相关热词 c# 数据结构和算法 c#+lable加下划线 c# 结构体函数参数 c# 委托本类 c# 页游辅助 c#绘制虚线乘法表c# c# 引用反射类 c# 激活进程 c# cs 编译