Div不單獨顯示輸入或隱藏點擊

我試圖做一個div，單擊時隱藏自身並顯示輸入。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']}";}?>">

誰能告訴我，爲什麼股利不隱藏和，或者，爲什麼輸入不顯示？

謝謝你的幫助。所有的幫助表示讚賞。

來源

2014-05-12 Kelsey

在控制檯中的任何錯誤？ – epascarello

你的腳本是否在你的HTML之前？ –

您可能在所述元素存在之前運行腳本。 – Teemu

該腳本完全正常工作here。

您正在加載元素之前運行腳本。嘗試將<script>放置在頁面的末尾。

來源

2014-05-12 19:39:54

現貨。作爲信息的補充，OP，如果你想在頭腦中運行你的腳本，你可以將你的函數定義爲一個非匿名函數並調用它，[像這樣]（http://jsfiddle.net/8QDMs/）。 – user3507600

@ user3507600，我會盡量避免混合javascript與dom元素。 – smerny

@smerny，你的意思是'混合javascript與DOM元素'，爲什麼？ – user3507600

'您的php中的引號可能無助於解決問題。

嘗試：

<?php 

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

?> 

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

來源

2014-05-12 19:43:30 Daniel

Div不單獨顯示輸入或隱藏點擊

回答

相關問題