18910140161

JavaScript-UserScript-如何在HTML文本区域元素中编辑样式-堆栈溢出

顺晟科技

2022-10-18 14:09:26

158

<textarea data-a-target="chat-input" data-test-selector="chat-input" aria-label="Send message" class="ScInputBase-sc-1wz0osy-0 ScTextArea-sc-1ywwys8-0 kYJGMC InjectLayout-sc-588ddc-0 iZLAMf tw-textarea tw-textarea--no-resize" autocomplete="twitch-chat" maxlength="500" placeholder="Send message" rows="1" style="padding-right: 6.5rem; padding-left: 3.8rem;"></textarea>

我想添加line-height:1.0;转换为TextArea元素样式但我不知道该怎么做。

(function() {
    'use strict';

    var textarea = document.querySelector("textarea")
    textarea = textarea.replace("style=\"padding-right: 6.5rem; padding-left: 3.8rem;\"","style=\"padding-right: 6.5rem; padding-left: 3.8rem; line-height: 1.0;\"");
})();

顺晟科技:

有一个style属性可以实现这一点:

document.querySelector("textarea").style.lineHeight = 1.0;
<代码><;文本区域data-a-target=“聊天输入”data-test-selector=“聊天输入”aria-label=“发送消息”类=ScinputBase-SC-1WZ0OSY-0SCTEXTAREA-SC-1YWWYS8-0KYJGMC注入布局-SC-588DDC-0伊兹拉姆夫TW-textarea TW-textarea--不调整大小"AutoComplete=“ twitch-chat ”最大长度=“ 500 ”PLACEHOLDER=“发送消息”行数=“ 1 ”style=padding-right:6.5rem;左填充:3.8rem>;<;/文本区域>;

此外,如果您坚持直接修改内联样式,则可能需要使用以下内容:

<textarea
      data-a-target="chat-input"
      data-test-selector="chat-input"
      aria-label="Send message"
      class="
        ScInputBase-sc-1wz0osy-0
        ScTextArea-sc-1ywwys8-0
        kYJGMC
        InjectLayout-sc-588ddc-0
        iZLAMf
        tw-textarea tw-textarea--no-resize
      "
      autocomplete="twitch-chat"
      maxlength="500"
      placeholder="Send message"
      rows="1"
      style="padding-right: 6.5rem; padding-left: 3.8rem"
    ></textarea>
<代码><;textarea data-a-target=“聊天输入” data-test-selector=“聊天输入” aria-label=“发送消息” Class="ScinputBase-SC-1WZ0OSY-0SCTEXTAREA-SC-1YWWYS8-0KYJGMC注入布局-SC-588DDC-0伊兹拉姆夫TW-textarea TW-textarea--不调整大小“ AutoComplete=” twitch-chat “ maxlength=” 500 “ placeholder=” send message “ rows=” 1 “ style=” padding-right:6.5rem;左填充:3.8rem>;<;/textarea>;

您可以使用类似下面的代码:

const textarea = document.querySelector("textarea");

textarea.setAttribute("style", textarea.getAttribute("style") + "; line-height: 1.0;");
<代码><;input ID=“ myID ”>;<;/input>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航