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>

我不是程序员，我会尽可能多地了解细节。我可以查看页面源代码以获取标签和类名以根据需要引用。

标签： javascriptjquerycssinline-styleswcag2.0

Answer 1

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

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

如果null打印出来，那么你的答案是否定的。其他任何事情，那么你的答案是肯定的。