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

cxxbz 2012-12-03 09:06:53

<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属性？

...全文

294 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

吉普赛的歌社区高级成员 T9 2012-12-04

打赏
举报

哪里有你所说的情况啊？你先点按钮，再点“爷们”，再点按钮，难道没有变化吗？

<!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>

cxxbz 2012-12-04

打赏
举报

引用 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属性。不知道什么原因？

吉普赛的歌社区高级成员 T9 2012-12-03

打赏
举报

修改了一下，可以应对你所说的：乱七八槽的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>

吉普赛的歌社区高级成员 T9 2012-12-03

打赏
举报

不明白你的用意，如果隐藏了，修改textbox的属性还有何用？

吉普赛的歌社区高级成员 T9 2012-12-03

打赏
举报

<!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>

cxxbz 2012-12-03