HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

セレンテストでhtml要素のスタイル表示を設定するにはどうすればよいですか?


Selenium Webdriverを使用して、html要素のスタイル表示を設定できます。 DOMは、Javascriptを使用してページ上の要素と対話します。 Seleniumは、 executeScriptを利用してJavascriptコマンドを実行します。 方法。実行されるコマンドは、引数としてメソッドに渡されます。

スタイル表示の設定などの一部の操作は、 Javascript Executorによって実行されます。 。 getElementById メソッドを使用して要素を見つけることができます。次に、 style.displayを適用する必要があります webelementでメソッドを実行し、表示タイプを設定します。

構文

executor.executeScript
("document.getElementById('gsc-i-id1').style.display='block';");

コードの実装。

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.JavascriptExecutor;
public class ElementStyleSet{
   public static void main(String[] args) {
      System.setProperty("webdriver.chrome.driver", "C:\\Users\\ghs6kor\\Desktop\\Java\\chromedriver.exe");
      WebDriver driver = new ChromeDriver();
      driver.get("https://www.tutorialspoint.com/index.htm");
      driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
      // Javascript executor class with executeScript method
      JavascriptExecutor j = (JavascriptExecutor) driver;
      // set the display with style.display method
      j.executeScript ("document.getElementById('gsc-i-id1').style.display='block';");
      driver.close()
   }
}

  1. HTMLDOMスタイルの表示プロパティ

    HTML DOMスタイルの表示プロパティは、要素の表示タイプを設定または返すために使用されます。要素は主にブロックまたはインラインです。 display:noneを使用して要素を非表示にすることもできます。 以下は、-の構文です。 表示プロパティの設定- object.style.display = value 上記のプロパティ値は次のように説明されます- 値 説明 インライン 要素をインライン要素として表示する場合、つまり、widthプロパティとheightプロパティは効果がありません。 ブロック ブロック要素は新しい行に表示され、幅全体を取ります。

  2. SeleniumでWebElementのHTMLコードを取得するにはどうすればよいですか?

    Selenium webdriverを使用して、webelementのhtmlコードを取得できます。 innerHTMLを取得できます Web要素のHTMLコンテンツを取得するための属性。 innerHTMLは、開始タグと終了タグの間に存在するコンテンツと等しいwebelementの属性です。 getAttribute これにはメソッドが使用され、innerHTMLが引数としてメソッドに渡されます。 構文 String s = element.getAttribute('innerHTML'); 以下の要素のhtmlコードを見てみましょう。要素のinnerHTMLは、