javascript - 如果无法访问原始代码，是否有 html 或 js 代码为 GoDaddy 模板发送按钮提供视觉焦点

Question

我正在使用预先格式化的模板创建一个 GoDaddy 网页，该模板不会指示视觉焦点在“联系我们”表单的“发送”按钮上。为了使我的表单符合 WCAG 可访问性指南，事件元素必须显示视觉焦点；但是，它是一个模板，我无法访问直接修改样式的代码。

虽然我不能直接访问模板代码，但它允许我向允许 html javascript 和 css 的页面添加一个部分。我想知道我是否可以在该部分中包含代码或脚本来修改按钮样式？

下面是使用 Inspect 从页面源代码复制的按钮标签代码:

<button tccltracking="click" data-ux="Button" type="submit" data-aid="CONTACT_SUBMIT_BUTTON_REND" data-tccl="ux2.contact.submit_form.click,click" class="x-el x-el-button c2-1 c2-2x c2-2y c2-2u c2-2v c2-2z c2-30 c2-3 c2-31 c2-32 c2-r c2-33 c2-1v c2-b c2-26 c2-d c2-e c2-2b c2-34 c2-2i c2-35 c2-36 c2-4 c2-5 x-d-ux x-d-aid x-d-traffic2 x-d-tccl">Send</button>

我不是程序员，希望尽可能详细。我可以查看页面源代码以获取标记和类名称以在必要时引用。

Answer 1

在呈现的页面中使用 id 属性包含或查找元素。然后，运行以下 javascript:

let id = '<the id that you want>'
let element = document.findElementById(id)
console.log(element)

如果 null 被打印出来，那么你的答案是否定的。别的什么，那么你的答案是肯定的。