முக்கிய உள்ளடக்கத்திற்குச் செல்லவும்

getHTML

குறிப்பிட்ட DOM கூறுகளின் மூல குறியீட்டை தேர்வாளர் மூலம் பெறுங்கள். இயல்பாக, இது தானியங்கியாக கூறு கொண்டுள்ள அனைத்து நிழல் வேர்களையும் துளையிடுகிறது.

பயன்பாடு
$(selector).getHTML({ includeSelectorTag, pierceShadowRoot, removeCommentNodes, prettify })
அளவுருக்கள்
பெயர்வகைவிவரங்கள்
optionsGetHTMLOptionsகட்டளை விருப்பங்கள்
options.includeSelectorTag
விருப்பத்தேர்வு
Booleanஉண்மை என்றால் அது தேர்வாளர் கூறு டேக்கை உள்ளடக்குகிறது (இயல்புநிலை: true)
options.pierceShadowRoot
விருப்பத்தேர்வு
Booleanஉண்மை என்றால் DOM-இல் உள்ள அனைத்து வலை கூறுகளின் நிழல் வேர்களின் உள்ளடக்கத்தையும் உள்ளடக்குகிறது (இயல்புநிலை: true)
options.removeCommentNodes
விருப்பத்தேர்வு
Booleanஉண்மை என்றால் HTML-இலிருந்து அனைத்து கருத்து முனைகளையும் அகற்றுகிறது, எ.கா. <!--?lit$206212805$--><!--?lit$206212805$--> (இயல்புநிலை: true)
options.prettify
விருப்பத்தேர்வு
Booleanஉண்மை என்றால், html வெளியீடு அழகாக்கப்படும் (இயல்புநிலை: true)
எடுத்துக்காட்டுகள்
index.html
<div id="test">
<span>Lorem ipsum dolor amet</span>
</div>
getHTML.js
it('should get html for certain elements', async () => {
var outerHTML = await $('#test').getHTML();
console.log(outerHTML);
// outputs:
// "<div id="test"><span>Lorem ipsum dolor amet</span></div>"

var innerHTML = await $('#test').getHTML({ includeSelectorTag: false });
console.log(innerHTML);
// outputs:
// "<span>Lorem ipsum dolor amet</span>"
});
getHTMLShadow.js
it('allows to snapshot shadow dom', async () => {
await browser.url('https://ionicframework.com/docs/usage/v8/button/basic/demo.html?ionic:mode=md')

// get snapshot of web component without its styles
const snapshot = await $('ion-button').getHTML({ excludeElements: ['style'] })

// assert snapshot
await expect(snapshot).toMatchInlineSnapshot(`
<ion-button class="md button button-solid ion-activatable ion-focusable hydrated">Default
<template shadowrootmode="open">
<button type="button" class="button-native" part="native">
<span class="button-inner">
<slot name="icon-only"></slot>
<slot name="start"></slot>
<slot></slot>
<slot name="end"></slot>
</span>
<ion-ripple-effect role="presentation" class="md hydrated">
<template shadowrootmode="open"></template>
</ion-ripple-effect>
</button>
</template>
</ion-button>
`)
});
திரும்பப் பெறுவது
  • <String> return: குறிப்பிட்ட கூறுகளின் HTML

Welcome! How can I help?

WebdriverIO AI Copilot