<a href="javascript:void(0);" class="bars">::before ::after</a>怎么选取该标签?

::before ::after怎么选取该标签?因为需要对其进行其他js得操作,需要选取,用.bars和class::before都选取不到

改过的
const puppeteer = require('puppeteer');

(async () => {
const browser = await puppeteer.launch({
headless: false,
timeout: 30000,
});
const page = await browser.newPage();
await page.goto('http://localhost:62114/Account/Login?ReturnUrl=%2F');
//await page.waitFor(500);
await page.click("a[data-target='#TenantChangeModal']")
await page.waitFor(1000);
//await page.waitForSelector("input[name='TenancyName']");
await page.type("input[name='TenancyName']",'Default',{delay:100})
await page.waitFor(500);
await page.click('.btn.btn-primary.save-button.waves-effect');
await page.waitFor(2000);
await page.type("input[name='usernameOrEmailAddress']",'admin',{delay:100});

await page.waitFor(500);
await page.type("input[name='Password']",'123qwe',{delay:100});
const navigationPromise = page.waitForNavigation();
await page.click('#LoginButton'); //然后点击


await page.waitFor(3000);



    await page.click( css('.bars::after{content:\'test\';font-size:80px;}'));
    //await page.click("a[class='bars::before']"); //然后点击

})();
var css=function(t,s){
s=document.createElement('style');
s.innerText=t;
document.body.appendChild(s);
};

3个回答

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>


</head>

<body>
<style>
    p:after{content:'测试'}
</style>
<p class="bars">正文内容</p>

<script>
var css=function(t,s){
    s=document.createElement('style');
    s.innerText=t;
    document.body.appendChild(s);
};

document.onclick=function(){
     css('.bars:after{content:\'test\';font-size:80px;}');//放在对应触发事件里面就行
};
</script>
</body>
</html>

weixin_40538809
外向小朋友 回复听楼一夜雨: 更新了
8 个月之前 回复
weixin_40538809
外向小朋友 回复听楼一夜雨: 大佬,我把代码放出来,你帮我看一下吧
8 个月之前 回复
qq_35235940
听楼一夜雨 我测试都没问题啊
8 个月之前 回复
weixin_40538809
外向小朋友 报错了:document is not defined
8 个月之前 回复

不知道你是用的啥框架之类的,给一个原生的获取元素吧 —— document.getElementsByClassName("bars");

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<div id="a1">
    <a href="javascript:void(0);" class="bars">::before ::after</a>
    <input type="button" onclick="b_click()" value="获取bars标签">
</div>

<style>
    #a1 {
        float: left;
        width: 100px;
        height: 100px;
    }

    #a1 video {
        width: 100px;
        height: 100px;
    }
</style>
<script type="text/javascript">
    function b_click() {
        var a = document.getElementsByClassName("bars");
        alert(a[0].className);
        alert(a[0].href);
    }
</script>
</body>
</html>

mx472756841
战渣渣 回复外向cs: 最原生的js,有的
8 个月之前 回复
weixin_40538809
外向小朋友 回复秦小楼: 有classname这个方法嘛?
8 个月之前 回复
weixin_45230057
秦小楼 document.getElementsByClassName("bars")[0];
8 个月之前 回复
weixin_40538809
外向小朋友 回复: 那种很明显的按钮的点击事件是直接一个await page.click('#LoginButton');
8 个月之前 回复
weixin_40538809
外向小朋友 我是在用puppeteer写一个自动测试软件,被测试的软件是用c#的abp框架写的,上面给的就是那行代码是框架中的,我做测试工具,所以不能修改被测软件的代码,测试是建的nodejs的项目,我需要的是哪个地方的点击事件,我用了一下你的原生,报错是:Failed to execute 'querySelector' on 'Document': 'document.getElementsByClassName("bars")' is not a valid selector.
8 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问