我有输入元素,如图所示:
<input type="text" class="bg-white" id="couponCode" value="">
如何使用 casperJs 设置/填充其值
我有输入元素,如图所示:
<input type="text" class="bg-white" id="couponCode" value="">
如何使用 casperJs 设置/填充其值
使用casper.sendKeys('selector', value);
http://casperjs.readthedocs.org/en/latest/modules/casper.html#sendkeys
有几种不同的方法可用于完成此任务。
casper.sendKeys()
除非您需要执行更复杂的操作,否则您应该使用。
casper.sendKeys()
:如果您想从CasperJS 环境中设置值,并且该input
元素可选地位于form
元素内,那么您可以使用casper.sendKeys()
:
casper.sendKeys('#couponCode', 'Hello, world!');
casper.fill()
:如果你想从CasperJS 环境中设置值,并且input
元素在元素内部form
,并且包含一个name
属性,那么你可以使用casper.fill()
:
casper.fill('#form', {
couponCode: 'Hello, world!', // #form [name="couponCode"]
});
casper.fillSelectors()
:如果您想从CasperJS 环境中设置值,并且input
元素位于元素内部form
,并且您想input
使用 CSS3 选择器引用该元素,那么您可以使用casper.fillSelectors()
:
casper.fillSelectors('#form', {
'#couponCode': 'Hello, world!', // #form #couponCode
});
casper.fillLabels()
:如果您想从CasperJS 环境中设置值,并且该input
元素位于元素内部form
,并且包含label
与文本相关联的元素,那么您可以使用casper.fillLabels()
:
casper.fillLabels('#form', {
couponCode: 'Hello, world!', // #form label[text()="couponCode"] input
});
casper.fillXPath()
:如果您想从CasperJS 环境中设置值,并且input
元素位于元素内form
,并且您想input
使用 XPath 选择器引用该元素,那么您可以使用casper.fillXPath()
:
casper.fillXPath('#form', {
'//*[@id="couponCode"]': 'Hello, world!', // #form #couponCode
});
casper.evaluate()
:如果您想从Page DOM environment设置值,并且该input
元素可选地位于form
元素内,那么您可以使用casper.evaluate()
:
casper.evaluate(function () {
document.getElementById('couponCode').value = 'Hello, world!';
});
注意:与 类似
evaluate()
,您也可以使用:evaluateOrDie()
、、thenEvaluate()
或thenOpenAndEvaluate()
(如果您想一次完成与正在执行的步骤相关的两个或多个操作)。