2010-11-24 30 views
2

我試圖動態地將值插入到標籤中,我將從遠視用戶隱藏,但屏幕閱讀器將讀取顯示在列中的視障用戶的值。我怎樣才能用dojo完成這個工作?如何使用dojo將值插入到標籤

<html> 
<head> 
<title>Dojo Labels</title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js"></script> 
<style type="text/css"> 
    .style1 
    { 
     width: 154px; 
    } 
</style> 
</head> 
<body> 
<table style="width: 51%; height: 204px;"> 
    <tr> 
     <td class="style1"> 
      &nbsp; 
      <input id="Checkbox1" type="checkbox" /> 
      <label for="Checkbox1"></label> 
     </td> 
     <td> 
      John 
     </td> 
     <td> 
      Doe 
     </td> 
    </tr> 
    <tr> 
     <td class="style1"> 
      &nbsp; 
      <input id="Checkbox2" type="checkbox" /> 
      <label for="Checkbox2"></label> 
     </td> 
     <td> 
      Jane 
     </td> 
     <td> 
      Doe 
     </td> 
    </tr> 
    <tr> 
     <td class="style1"> 
      &nbsp; 
      <input id="Checkbox3" type="checkbox" /> 
      <label for="Checkbox3"></label> 
     </td> 
     <td> 
      John 
     </td> 
     <td> 
      Smith 
     </td> 
    </tr> 
</table> 
</body> 
</html> 

回答

5

如果你只需要動態改變的標籤,那麼你可以試試這個:

dojo.query("label[for=Checkbox1]")[0].innerHTML = "text"; 

但是如果你需要的邏輯來檢測,如果它是一個屏幕閱讀器或瀏覽器,然後我也沒有辦法。但你可能總是使用文本渲染標籤,只需添加樣式顯示:無;

<label for="Checkbox2" style="display:none;">text</label> 
+0

我已經寫了CSS,是的,我使用無顯示。我只需要指導如何編寫dojo代碼,並協助您的感謝。 – Amen 2010-11-24 17:53:45

0

不完全確定是否我完全理解你在做什麼,但是dojo提供了一種方法,允許你修改DOM節點的屬性值。這就是所謂的dojo.attr()

0

也許這個會有幫助。

獲取標籤內容:dijit.byId(「btnButtonName」)。get(「label」)==「SomeName」);

設置標籤內容:dijit.byId(「btnButtonName」).set(「label」,「SomeName」);