2 примечания:
<input... > тег не является тегом и должен быть соответственно закрыт как <input ... /> в противном случае вы должны использовать <button> тег (но не в целях соблюдения X-браузера)
Если вы не хотите вступать в неконечный сюжет, вы можете пересмотреть способ обработки своей точки зрения следующим образом: сохраните <div> как есть и запустите на нем событие DOM (вместо использования события onclick для тега).Если вы можете читать по-французски, я привел множество примеров здесь .Этот способ значительно тяжелее вашего первого, но гораздо более мощный впоследствии, так как вы можете запускать события, как вы хотите, в DOM, использовать функции обратного вызова и т. Д. *
Принцип заключается в следующем:
HTML-страница с одной стороны
<div id="test"...>Lorem..</div>
<script src="..."/>
Ненавязчивый код JavaScript с другой стороны
// your event handler here
function Dothisorthat(e) {
// pop up the dom content or edit it or start an ajax request or whatever you need here
return false;
}
// This is read in the third place
function attacherAction() {
// Attach the action "Dothisorthat" on the event "onclick" occuring on your div "test"
id ='test'; // your div id
if (document.getElementById(id)) {
zLink = document.getElementById(id);
zLink.onclick = function() {
Dothisorthat(this); // in your case, you can write a small function to pop up or edit the div content
}
}
}
// This is read second
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
// This is read first
addLoadEvent(attacherAction);
Надеюсь, что это поможет