[英]How to dynamically change the id of a HTML button element within a XSL file?
我有一個帶有id屬性的按鈕,我想使其值動態變化。 我通過定義的'setId'和'getId'函數使用兩個javascript函數。 實際上,已設置的當前按鈕的id屬性(請參見下面的“ setId”函數)必須與作為javascript代碼的參數給出的屬性相同(請參見下面的“ toggle”中的“ getId”函數的調用)。
以下代碼段是靜態html行為的示例,
<td align="right">KO<input id="1" type="button"
value="[+] Expand" onclick="toggle('tb','1');"/></td>
為了使其動態,我在下面使用“ setId”和“ getId”函數
<head>
....
<script type="text/javascript">
var setId = (function () {
return function(element) {
if (!element.id) {
element.id+ = 1;
}
};
}());
var getId = (function () {
return function(element) {
return element.id;
};
}());
</script>
</head>
為了使其逐漸變化,我在“ body” html元素中按如下方式稱呼它們
<td align="right">KO<input id="setId(this);" type="button"
value="[+] Expand" onclick="toggle('tb',getId(this));"/></td>
但是,似乎按鈕的ID(“輸入”)沒有按預期更改。 確實,我希望任何按鈕上的click事件始終引用第一個按鈕,而我希望它引用當前按鈕。 請如何更改javascript函數以實現我想要的功能?
提前致謝
用Javascript代碼toggle('tb','getId(this);');
您正在調用一個名為toogle
的函數,其中有兩個按字toogle
給出的字符串參數,一個是字符串tb
,另一個是字符串getId(this);
。 如果要調用函數getId
並將其結果傳遞給函數toggle
使用
onclick="toggle('tb',getId(this));"
在xsl轉換時創建ID,或者您需要編寫JavaScript,以刪除舊按鈕並使用新ID添加新按鈕。
我不知道其他任何方法來動態地更改html元素的ID。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.