如何使用 chromedp 修改 HTML 元素的属性

今天golang学习网给大家带来了《如何使用 chromedp 修改 HTML 元素的属性》，其中涉及到的知识点包括等等，无论你是小白还是老手，都适合看一看哦~有好的建议也欢迎大家在评论留言，若是看完有所收获，也希望大家能多多点赞支持呀！一起加油学习~

我正在尝试使用 chromedp 将输入元素的禁用属性设置为 false。我可以使用控制台 chrome 开发工具修改它的值，但在我的代码中没有实现它。

我将解释此输入的完整行为以及为什么我需要它。

1. 我有一个使用此命令修改的第一个选择输入

   err = chromedp.run(ctx, chromedp.setvalue("select[name=lstdoc]",
       rcp, chromedp.byquery))
   if err != nil {
       log.fatal(err)
   }
   

   通常您必须单击它，当您修改它的值时，它会自动更改我所定位的属性的禁用属性。它正在工作。

2. 现在我们到达了我无法修改的元素，我可以在其中放入日期，所以我现在我的选择器是正确的，我无法更改禁用属性，这是我实际尝试的：

   datedebut := "#txtdebutmaj"
   err = chromedp.run(ctx, chromedp.setattributevalue(datedebut,
       "disabled", "false", chromedp.byquery))
   if err != nil {
       log.fatal(err)
   }
   

我已经在 false 下使用 headless 运行 chromedp，因此我可以清楚地看到该元素仍然处于禁用状态，因为它始终呈灰色显示。

我在控制台上尝试过并且有效：

$("#txtDebutMAJ").disabled = false

解决方案

最后我找到了一个解决方案并使用了更少的代码，问题的根源如下，点击选择不触发是onchange属性，所以我改用了sendkeys函数。

这里有一篇关于此问题的帖子：https://github.com/chromedp/chromedp/issues/607

我使用的解决方案在这里：https://github.com/chromedp/chromedp/issues/8#issuecomment-602279477

作为结论，我使用此代码来设置选择的值：

err = chromedp.run(ctx, chromedp.setvalue("select[name=lstdoc]", rcp, chromedp.byquery))
            if err != nil {
                log.fatal(err)
            }

这用于设置属性的值：

err = chromedp.run(ctx, chromedp.setattributevalue(datedebut, "disabled", "false", chromedp.byquery))
    if err != nil {
        log.fatal(err)
    }

最终只使用这段代码：

err = chromedp.Run(ctx, chromedp.SendKeys(selectRCP, "RCP"))
    if err != nil {
        log.Fatal(err)
    }

像魅力一样工作！

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何使用 chromedp 修改 HTML 元素的属性》文章吧，也可关注golang学习网公众号了解相关技术文章。