Question

我正在尝试创建一个在单击时隐藏自身并显示输入的div。

我的CSS：

#btn {
    width:100%;
    height:100%;
    display:block;
    text-align:center;
}

#i1 {
    display:none;
}

我的JavaScript：

<script>
document.getElementById('btn').onclick = function() {
 document.getElementById('i1').style.display = 'block';
  document.getElementById('btn').style.display = 'none';
}
</script>

我的HTML：

<div id="btn">Company</div><input id="i1" type="text" value="<?php echo"{$row['company']}";}?>">

任何人都可以告诉我为什么Div没有隐藏，或者，为什么输入没有显示？

感谢您的帮助。感谢所有帮助。

Answer 1

该脚本完全正常here。

您在加载元素之前运行脚本。尝试将<script>放在页面末尾。

Answer 2

'你的php中的引号可能没什么帮助而且搞砸了一些。

尝试：

<?php

$row['company'] = "some company";
$company = $row['company']

?>

<input id="i1" type="text" value="<?php echo $company?>">

单击时Div不显示输入或隐藏自身

2 个答案: