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

问题描述

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

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

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)
   }
   

我已将 headless 设为 false 运行 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)
    }

像魅力一样工作！