javascript代碼中的HTML按鈕

我正在使用其接口用JavaScript編寫的軟件我想通過在HTML主代碼中定義一個按鈕來添加一個HTML按鈕到接口，請檢查我是如何做到的http://dpaste.com/691324/javascript代碼中的HTML按鈕

問題是，按鈕出現在頁面加載之前，也許是因爲HTML加載之前的JS文件，我不知道！但它真的看起來很醜陋，當按鈕顯示在頁面之前時，我想找到一些可以延遲按鈕或與javascripts..how同時加載的技巧這是可能的嗎？

2012-01-21 Leena Nasir

這裏有135行代碼。小心告訴我們哪一行在頁面上添加了一個按鈕？ – mrtsherman

一個小錯誤....腳本元素內部的樣式規則...行號。 91至95。 – Golmaal

我不是一個javascript的人，但如果你正在使用JQuery，它應該是這樣的

$(document).ready(function() { 
    document.getElementById('divId').innerHtml = '<input type="button" value="button">'; 
});

「DIVID」將Div標籤（佔位符）的ID覆蓋輸入標籤。

或者，您也可以撥打一些普通的JavaScript函數，對「身體」標籤的onload事件設置「DIVID」的innerHTML的，

來源

2012-01-21 08:53:03

嗯，我想的是，你應該使用一個錨相反，如果你想，風格它作爲一個按鈕。下面是用純JS創建按鈕的方式：我建議，因爲你不使用形式使用錨

var anchor = document.createElement('a'); 
anchor.setAttribute('href', '/opentripplanner-tripArabic/index.html'); 
anchor.setAttribute('class', 'please use CSS'); //inline styling is dirty 
anchor.innerHTML = 'use the Arabic interface'; 
document.getElementById('header').appendChild(anchor);

，你只能假裝將用戶重定向到另一個頁面。無論哪種方式，如果你還想要這個按鈕，你可以使用document.createElement('button');並設置屬性onclick：button.onclick = function(){...而不是href設置。

你可以做的另一件事是隱藏按鈕與CSS：display:none和負載弄溼元素和刪除風格：button.style.setProperty('display', '');或任何方式使用CSS屬性visibility: hidden。

來源

2012-01-21 09:40:31 Davsket

javascript代碼中的HTML按鈕

回答

相關問題