个人中心
gpt4 book ai didi

dojo - 如何使用 dojo 将值插入到标签中

转载 作者：行者123 更新时间：2023-12-02 17:54:03 25 4
gpt4 key购买 nike

我正在尝试动态插入标签中的值，这些值将对视力正常的用户隐藏，但会由列中显示的视障用户的屏幕阅读器读取。我怎样才能使用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>

最佳答案

如果您只需要动态更改标签，那么您可以尝试以下操作:

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

但是，如果您需要逻辑来检测它是屏幕阅读器还是浏览器，那么我无能为力。但您可能总是可以用文本渲染标签，只需添加样式 display:none;

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

关于dojo - 如何使用 dojo 将值插入到标签中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4269170/

25 4 0
文章推荐： .Net TextBox 具有自动完成和自定义排序(非字母顺序)
文章推荐： ruby-on-rails - 除了应用程序之外，如何在单独的不同 docker 容器中运行 sidekiq
文章推荐： google-sheets - 在 Google 表格中显示十亿和千万卢比
文章推荐： node.js - Node + Docker撰写: Development and production setup