首页 >后端开发 >Golang >chromedp 如何从多个具有动态名称的文本区域中选择特定文本区域

chromedp 如何从多个具有动态名称的文本区域中选择特定文本区域

WBOY转载: 2024-02-05 22:42:12637浏览

问题内容

我有一个页面，其中有多个文本区域，这些文本区域由动态名称和相同的类组成。这意味着我无法通过 id、名称、类或类型来选择它们。

我所知道的是，在 5 个文本区域中，我需要第一个，并且我想更改该文本区域的值。

谁能告诉我如何使用 chromedp 做到这一点？尝试了两天了，没有任何进展。

找到答案：

const n = document.querySelector('.elementor-repeater-fields:nth-child(2) textarea');控制台.log(n);

正确答案

使用伪类:first-child a> 或 :nth-child 进行选择目标元素。例如：

package main

import (
    "context"
    "fmt"
    "net/http"
    "net/http/httptest"
    "time"

    "github.com/chromedp/chromedp"
)

func main() {
    ts := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        fmt.Fprint(w, `
<html>
  <body>
    <textarea></textarea>
    <textarea></textarea>
    <textarea></textarea>
  </body>
</html>
`)
    }))
    defer ts.Close()

    opts := append(chromedp.DefaultExecAllocatorOptions[:],
        chromedp.Flag("headless", false),
    )
    ctx, cancel := chromedp.NewExecAllocator(context.Background(), opts...)
    defer cancel()
    ctx, cancel = chromedp.NewContext(ctx)
    defer cancel()

    err := chromedp.Run(ctx,
        chromedp.Navigate(ts.URL),
        chromedp.Sleep(time.Second),
        chromedp.SetValue(`body>textarea:first-child`, "hello world!", chromedp.ByQuery),
        chromedp.Sleep(time.Second),
        chromedp.SetValue(`body>textarea:nth-child(2)`, "hello chromedp!", chromedp.ByQuery),
        chromedp.Sleep(3*time.Second),
    )
    if err != nil {
        panic(err)
    }
}

以上是chromedp 如何从多个具有动态名称的文本区域中选择特定文本区域的详细内容。更多信息请关注PHP中文网其他相关文章！

const 伪类

声明：

本文转载于：stackoverflow.com。如有侵权，请联系admin@php.cn删除

上一篇：转到 time.Time 到 postgresql timestamptz 无法使用 time.Now() 保存下一篇：整个sql事务中会默认使用context吗？

查看更多