JavaScript元素的大小不能正常工作

我有一個JavaScript函數，我正在使用WP7 C＃應用程序，由於某種原因有大小問題。截至目前該功能正常工作，但我有三個項目，作爲我的webbrowser控件的頂部的菜單欄顯示，根據我的想法我會做到這一點不調整大小。我的函數的浸潤部分如下JavaScript元素的大小不能正常工作

的Javascript

... 
pf=doc.createElement('div'); 
      pf.id='pf'; 
      var s=pf.style; 
      s.position='absolute'; 
      s.zIndex='999'; 
      s.top=(scT||scBT)+'px'; 
      s.left=(scL||scBL)+'px'; 
      s.width='100%'; 
      s.height='9%'; 
      //s.backgroundColor='#FFFF00'; 
      s.backgroundColor='green'; 

      //var st = doc.createElement("P"); 
      //p.style.height='50%'; 
      //p.style.width='15%'; 
      //text = doc.createTextNode('Search: '); 
      //p.appendChild(text); 
      //p.appendChild(doc.createTextNode('Search: ')); 
      //pf.appendChild(p); 
      pf.appendChild(doc.createTextNode('Search: ')); 

      qt=doc.createElement('input'); 
      qt.id='qt';     
      qt.type='text'; 
      qt.style.height='85%' 
      qt.style.width='50%'; 
      pf.appendChild(qt); 

      var sb=doc.createElement('input');    
      sb.type='button'; 
      sb.value='Find'; 
      sb.style.height='100%'; 
      sb.style.width='20%'; 
...

這樣做的結果是裝上充當上頁功能查找web瀏覽器頁面的頂部顯示條。我已根據網頁尺寸正確設置了頁面大小，我試圖使pf.appendChild(doc.createTextNode('Search: '));,qt=doc.createElement('input');和sb=doc.createElement('input');的高度與顯示在頁面頂部的pf菜單欄的高度相匹配。到目前爲止，只有sb（設置爲100％）的高度與pf的高度相匹配，而將qt設置爲100％與pf的高度（它根據當前顯示的網頁的高度尺寸而變化）不匹配。另外，我無法弄清楚是否有設置pf.appendChild（doc.createTextNode（'Search：'））的高度的方法。儘管我已經嘗試了以上評論。有沒有辦法讓它們在任何時候都和pf菜單欄一樣高？此外，文本在高度尺寸較大的頁面上很小，因此無法讀取，您是否也可以相應地放大文本？

來源

2012-04-11 Matthew

你可以嘗試使用offsetHeight，如果Height屬性不起作用，或者你可以在style.Heigth中設置高度。如果您使用VS IDE，則可以調試javascript元素以查看正確的屬性，或者可以使用靜態值設置一些虛擬元素。

來源

2012-04-12 00:35:46 user1031246

謝謝user1031246我創建了一個虛擬元素'var fopHeight = .09 * myHeight;'給出了與菜單欄高度相同的值，但是當試圖將fopHeight放入'qt.style.height = '85％'; '和'sb.style.height ='100％';'這也行不通。這個實現是否正確？另外，我怎樣才能調整'pf.appendChild（doc.createTextNode（'Search：'））;'這是允許在javascript中的高度？ – Matthew 2012-04-12 05:21:14

JavaScript元素的大小不能正常工作

回答

相關問題