时间戳

首页 > 解决方案 > 使功能在页面加载后运行并在没有 ID 或 Class 的情况下编辑 Label 的 innerHTML

javascript - 使功能在页面加载后运行并在没有 ID 或 Class 的情况下编辑 Label 的 innerHTML

问题描述

我正在尝试设计基于教学的网站，我只能编辑以下相关字段：

所有页面上的head标记内的 HTML/JavaScript 代码片段。

您网站上所有页面的自定义 CSS。

我有 jQuery。

虽然这是相当有限的，但我设法过关。但是，我遇到了一个问题：我正在尝试编辑此对象的文本：

我正在尝试编辑的对象的图片。

基本上，我正在尝试编辑两者的内部 HTML

<label for="subject">Subject</label>
<label for="student_message">Message</label>

从“主题”到“נושא”，从“消息”到“הודעה”。

这些标签没有类和 ID，它们唯一的属性是“for”属性。现在，如果它有帮助，这些特定标签在这些 div 中：

<form id="contact-form" accept-charset="UTF-8" method="post">
    <div class="row form-group">
            <label for="subject">Subject</label>
            <label for="student_message">Message</label>
    </div>
</form>

这些是网站上“联系表单”div 中唯一的标签。

所以，问题是：

我的问题：

  1. 如何制作一个在页面加载后运行但不会使整个页面冻结的功能？
  2. 在该函数中，如何使用对象的属性访问对象？
  3. 仅仅因为它看起来很重要而我还不知道，我如何访问对象中的对象？

非常感谢 ：）

标签： javascriptjqueryhtml

解决方案

您说您有可用的 jQuery，因此将您的代码包含在$(document).ready(其中可确保加载正文。然后使用 jQuery 选择器按属性查找对象： 

$(document).ready(function () {
  $("label[for='subject']").html('נושא');
  $("label[for='student_message']").html('הודעה');
});

推荐阅读