How to search XPath in Selenium

selenium-learningBOX

Nice to meet you. My name is Matoba from the Development Department.
I joined the company in May this year and am in charge of E2E test automation.
In this article, I will show you how to use Seleniumn's XPath to specify the elements in a page.

Click here for table of contents

What is XPath?

XPath is an XML format document toThis is a simple language for specifying and retrieving a specific part.
And even though it's for XML, you can use it for HTML as well.

How to write basic XPath

Let's take a look at how to write XPath.

(Example.)


 
  
  
   
  </head>
  </html>
</code>
</pre>
</div>
<p>For HTML, such as the above</p>
<div class="kaisou">
<p>html - head - title</p>
</div>
<p>It can be represented by such a hierarchical structure.<br />
When writing in XPath, html tags can be separated by / (slash) and represented by a hierarchical structure of tags, as shown below.</p>
<div class="kaisou">
<p>/html/head/title</p>
</div>
<p>If you want to omit a path, you can omit the previous element by using // as shown below.</p>
<div class="kaisou">
<p>//title</p>
</div>
<h2 class="heading__l" id="3">How to get XPath using attributes</h2>
<p>Attributes that are associated with or linked to elements, such as class and id, are represented by "@".</p>
<p>(Example.)</p>
<div class="wp-block">
<pre>
<code>
 <div class="wrapper">

 <div id="logo">
</code>
</pre>
</div>
<div class="wp-block">
<pre>
<code>
//*[@class="wrapper"].

//*[@id="logo"]]
</code>
</pre>
</div>
<p>Thus, if you want to display a specific attribute value, use @ (atmark).<br />
Also, * (asterisk) means all elements.<br />
If you specify a specific element from the same class or id</p>
<p>(Example.)</p>
<div class="wp-block">
<pre>
<code>
<li id="menu-item">Our Philosophy and Vision</li
<li id="menu-item">History </li>
<li id="menu-item">Recruitment</li>.
<li id="menu-item">Contact Us</li>
</code>
</pre>
</div>
<p>As shown above, if you want to retrieve only the employment information, you can search for the string contained in the text.<br />
Also.<span>contains(text(),search string)</span>I'll show you how you can easily specify a string using</p>
<p>For example, if you write the following, it will specify the following four items: Philosophy and Vision, History, Employment Information, and Contact Us.<br />
<span>//*[@id="menu-item"]</span></p>
<p>In such a case, you can write like this to specify only the inquiry part.<br />
<span>//*[@id="menu-item"]//*[contains(text(), "Contact"]]</span></p>
<h2 class="heading__l" id="4">Get XPath in Google Chrome</h2>
<p>If you can't specify the XPath well, you can use Chrome's validation feature to get it.<br />
Use the "verification feature" listed in Chrome and right-click on the blue highlighted area.</p>
<p>[Copy Menu] → [Copy XPath].<br />
You can copy it to the clipboard by doing</p>
<h2 class="heading__l" id="5">summary</h2>
<p>In this article, we introduced the XPath search method in Selenium.<br />
The following is just one example, but we hope it will be helpful.<br />
I'll summarize a more detailed specification method in the next article.</p>
<!-- [ .relatedPosts ] --><aside class="veu_relatedPosts veu_contentAddSection"><h1 class="mainSection-title" data-no-translation="" data-trp-gettext="">Related posts</h1><div class="row"><div class="col-sm-6 relatedPosts_item"><div class="media"><div class="media-left postList_thumbnail"><a href="https://tatsuno-system.co.jp/en/2021/09/02/blog_create-a-document/"><img width="150" height="150" src="https://tatsuno-system.co.jp/wp-content/uploads/2021/08/shiyosho-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="specification document" loading="lazy" srcset="https://tatsuno-system.co.jp/wp-content/uploads/2021/08/shiyosho-150x150.png 150w, https://tatsuno-system.co.jp/wp-content/uploads/2021/08/shiyosho-300x300.png 300w, https://tatsuno-system.co.jp/wp-content/uploads/2021/08/shiyosho-400x400.png 400w, https://tatsuno-system.co.jp/wp-content/uploads/2021/08/shiyosho-120x120.png 120w" sizes="(max-width: 150px) 100vw, 150px" /></a></div><div class="media-body"><div class="media-heading"><a href="https://tatsuno-system.co.jp/en/2021/09/02/blog_create-a-document/">How to write easy-to-understand documents (requirement definitions, specifications)</a></div><div class="media-date published"><i class="fa fa-calendar"></i> September 2, 2021</div></div></div></div>
<div class="col-sm-6 relatedPosts_item"><div class="media"><div class="media-left postList_thumbnail"><a href="https://tatsuno-system.co.jp/en/2021/05/10/blog_proxmox/"><img width="150" height="150" src="https://tatsuno-system.co.jp/wp-content/uploads/2021/05/Proxmox-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Proxmox" loading="lazy" srcset="https://tatsuno-system.co.jp/wp-content/uploads/2021/05/Proxmox-150x150.png 150w, https://tatsuno-system.co.jp/wp-content/uploads/2021/05/Proxmox-300x300.png 300w, https://tatsuno-system.co.jp/wp-content/uploads/2021/05/Proxmox-120x120.png 120w" sizes="(max-width: 150px) 100vw, 150px" /></a></div><div class="media-body"><div class="media-heading"><a href="https://tatsuno-system.co.jp/en/2021/05/10/blog_proxmox/">We built our development environment with the latest CPU, Corei9-11900.</a></div><div class="media-date published"><i class="fa fa-calendar"></i> May 10, 2021</div></div></div></div>
<div class="col-sm-6 relatedPosts_item"><div class="media"><div class="media-left postList_thumbnail"><a href="https://tatsuno-system.co.jp/en/2021/04/13/blog_lecture/"><img width="150" height="150" src="https://tatsuno-system.co.jp/wp-content/uploads/2021/03/アイキャッチ-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" loading="lazy" srcset="https://tatsuno-system.co.jp/wp-content/uploads/2021/03/アイキャッチ-150x150.jpg 150w, https://tatsuno-system.co.jp/wp-content/uploads/2021/03/アイキャッチ-300x300.jpg 300w, https://tatsuno-system.co.jp/wp-content/uploads/2021/03/アイキャッチ-400x400.jpg 400w, https://tatsuno-system.co.jp/wp-content/uploads/2021/03/アイキャッチ-120x120.jpg 120w" sizes="(max-width: 150px) 100vw, 150px" /></a></div><div class="media-body"><div class="media-heading"><a href="https://tatsuno-system.co.jp/en/2021/04/13/blog_lecture/">I went to Tatsuno Kita High School for a lecture.</a></div><div class="media-date published"><i class="fa fa-calendar"></i> April 13, 2021</div></div></div></div>
<div class="col-sm-6 relatedPosts_item"><div class="media"><div class="media-left postList_thumbnail"><a href="https://tatsuno-system.co.jp/en/2020/11/30/%e5%b9%b4%e6%9c%ab%e5%b9%b4%e5%a7%8b%e4%bc%91%e6%a5%ad%e3%81%ae%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/"><img width="150" height="150" src="https://tatsuno-system.co.jp/wp-content/uploads/2020/11/2020-11-30_10-15-27-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Tatsuno Information System-News of New Year holidays" loading="lazy" srcset="https://tatsuno-system.co.jp/wp-content/uploads/2020/11/2020-11-30_10-15-27-150x150.jpg 150w, https://tatsuno-system.co.jp/wp-content/uploads/2020/11/2020-11-30_10-15-27-300x300.jpg 300w, https://tatsuno-system.co.jp/wp-content/uploads/2020/11/2020-11-30_10-15-27-400x400.jpg 400w, https://tatsuno-system.co.jp/wp-content/uploads/2020/11/2020-11-30_10-15-27-120x120.jpg 120w" sizes="(max-width: 150px) 100vw, 150px" /></a></div><div class="media-body"><div class="media-heading"><a href="https://tatsuno-system.co.jp/en/2020/11/30/%e5%b9%b4%e6%9c%ab%e5%b9%b4%e5%a7%8b%e4%bc%91%e6%a5%ad%e3%81%ae%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/">Notice of year-end and new-year holidays</a></div><div class="media-date published"><i class="fa fa-calendar"></i> November 30, 2020</div></div></div></div>
</div></aside><!-- [ /.relatedPosts ] -->       </div>

      <div class="single_share clearfix" id="single_share_bottom">
    <div class="share-type1 share-btm">
 
	<div class="sns mt10 mb45">
		<ul class="type1 clearfix">
			<li class="twitter">
				<a href="http://twitter.com/share?text=%3Ctrp-post-container+data-trp-post-id%3D%277009%27%3ESelenium%E3%81%A7%E3%81%AEXPath%E6%A4%9C%E7%B4%A2%E6%96%B9%E6%B3%95%3C%2Ftrp-post-container%3E&url=https%3A%2F%2Ftatsuno-system.co.jp%2Fen%2F2021%2F11%2F18%2Fblog_selenium%2F&via=&tw_p=tweetbutton&related=" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;"><i class="icon-twitter"></i><span class="ttl">Tweet</span><span class="share-count"></span></a>
			</li>
			<li class="facebook">
				<a href="//www.facebook.com/sharer/sharer.php?u=https://tatsuno-system.co.jp/en/2021/11/18/blog_selenium/&t=%3Ctrp-post-container+data-trp-post-id%3D%277009%27%3ESelenium%E3%81%A7%E3%81%AEXPath%E6%A4%9C%E7%B4%A2%E6%96%B9%E6%B3%95%3C%2Ftrp-post-container%3E" class="facebook-btn-icon-link" target="blank" rel="nofollow"><i class="icon-facebook"></i><span class="ttl">Share</span><span class="share-count"></span></a>
			</li>
			<li class="googleplus">
				<a href="https://plus.google.com/share?url=https%3A%2F%2Ftatsuno-system.co.jp%2Fen%2F2021%2F11%2F18%2Fblog_selenium%2F" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;"><i class="icon-google-plus"></i><span class="ttl">+1</span><span class="share-count"></span></a>
			</li>
			<li class="hatebu">
				<a href="http://b.hatena.ne.jp/add?mode=confirm&url=https%3A%2F%2Ftatsuno-system.co.jp%2Fen%2F2021%2F11%2F18%2Fblog_selenium%2F" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=510');return false;" ><i class="icon-hatebu"></i><span class="ttl">Hatena</span><span class="share-count"></span></a>
			</li>
			<li class="pocket">
				<a href="http://getpocket.com/edit?url=https%3A%2F%2Ftatsuno-system.co.jp%2Fen%2F2021%2F11%2F18%2Fblog_selenium%2F&title=%3Ctrp-post-container+data-trp-post-id%3D%277009%27%3ESelenium%E3%81%A7%E3%81%AEXPath%E6%A4%9C%E7%B4%A2%E6%96%B9%E6%B3%95%3C%2Ftrp-post-container%3E" target="blank"><i class="icon-pocket"></i><span class="ttl">pocket</span><span class="share-count"></span></a>
			</li>
			<li class="rss">
				<a href="https://tatsuno-system.co.jp/en/feed/" target="blank"><i class="icon-rss"></i><span class="ttl">RSS</span></a>
			</li>
			<li class="feedly">
				<a href="http://feedly.com/index.html#subscription%2Ffeed%2Fhttps://tatsuno-system.co.jp/en/feed/" target="blank"><i class="icon-feedly"></i><span class="ttl">feedly</span><span class="share-count"></span></a>
			</li>
			<li class="pinterest">
				<a rel="nofollow" target="_blank" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftatsuno-system.co.jp%2Fen%2F2021%2F11%2F18%2Fblog_selenium%2F&media=https://tatsuno-system.co.jp/wp-content/uploads/2021/11/selenium-learningBOX.png&description=%3Ctrp-post-container+data-trp-post-id%3D%277009%27%3ESelenium%E3%81%A7%E3%81%AEXPath%E6%A4%9C%E7%B4%A2%E6%96%B9%E6%B3%95%3C%2Ftrp-post-container%3E"><i class="icon-pinterest"></i><span class="ttl">Pin it</span></a>
			</li>
		</ul>
	</div>
</div>
   </div>
   
      <ul id="post_meta_bottom" class="clearfix">
    <li class="post_author">Author: <a href="https://tatsuno-system.co.jp/en/author/tatsunoadm/" title="Posts by 龍野情報" rel="author" data-no-translation-title="">Tatsuno Joho</a></li>    <li class="post_category"><a href="https://tatsuno-system.co.jp/en/category/%e4%bd%9c%e6%a5%ad%e6%97%a5%e8%aa%8cblog/%e5%b0%8f%e8%a9%b1/" rel="category tag">anecdote</a>, <a href="https://tatsuno-system.co.jp/en/category/%e4%bd%9c%e6%a5%ad%e6%97%a5%e8%aa%8cblog/" rel="category tag">Work diary blog</a>, <a href="https://tatsuno-system.co.jp/en/category/%e4%bd%9c%e6%a5%ad%e6%97%a5%e8%aa%8cblog/%e5%b0%8f%e6%8a%80%e3%83%bb%e5%b0%8f%e3%83%8d%e3%82%bf/" rel="category tag">Small tricks and small stories</a></li>    <li class="post_tag"><a href="https://tatsuno-system.co.jp/en/tag/selenium/" rel="tag">Selenium</a>, <a href="https://tatsuno-system.co.jp/en/tag/%e9%be%8d%e9%87%8e%e6%83%85%e5%a0%b1%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0/" rel="tag">Tatsuno Information System</a></li>       </ul>
   
      <div id="previous_next_post" class="clearfix">
    <div class='prev_post'><a href='https://tatsuno-system.co.jp/en/2021/10/07/blog_php-random/' title='Output near random values in PHP'><span class='title'>Output near random values in PHP</span><span class='nav' data-no-translation="" data-trp-gettext="">Prev post</span></a></div>
<div class='next_post'><a href='https://tatsuno-system.co.jp/en/2021/11/30/blog_vim-command/' title='A collection of commands that vim beginners should learn'><span class='title'>A collection of commands that vim beginners should learn</span><span class='nav' data-no-translation="" data-trp-gettext="">Next post</span></a></div>
   </div>
   
  </div><!-- END #article -->

    
  
  
  
 </div><!-- END #left_col -->

 
</div><!-- END #main_col -->


 </div><!-- END #main_contents -->
 
   
 <div id="footer_top">
  <div id="footer_top_inner" class="clearfix">

      <div id="footer_menu" class="clearfix">
    <ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu"><li id="menu-item-2886" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2886"><a href="https://tatsuno-system.co.jp/en/%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81/">About us</a></li>
<li id="menu-item-2887" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2887"><a href="https://tatsuno-system.co.jp/en/%e3%83%97%e3%83%a9%e3%82%a4%e3%83%90%e3%82%b7%e3%83%bc%e3%83%9d%e3%83%aa%e3%82%b7%e3%83%bc/">Privacy Policy</a></li>
<li id="menu-item-2889" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2889"><a href="https://tatsuno-system.co.jp/en/privacy/">Public statement regarding personal information</a></li>
</ul>   </div><!-- END #footer_menu -->
   
   <div id="footer_address">
    <div class="logo_area">
 <p class="logo"><a href="https://tatsuno-system.co.jp/en//">TJS -Tatsuno Joho System-</a></p>
</div>
       </div>
      <div id="p-mark" class="u-hidden-xs">
        <a href="https://tatsuno-system.co.jp/en/news/%e3%83%97%e3%83%a9%e3%82%a4%e3%83%90%e3%82%b7%e3%83%bc%e3%83%9e%e3%83%bc%e3%82%af%e6%9b%b4%e6%96%b0%e3%81%ae%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/">
          <img src="/wp-content/uploads/2021/04/20002430_02_200_JP.png" alt="privacy mark" style="padding:10px; border-radius:6px;">
        </a>
          <a href="https://tatsuno-system.co.jp/en/news/isms%e8%aa%8d%e8%a8%bc%e5%8f%96%e5%be%97%e3%81%ae%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/" style="position:absolute;">
            <img src="https://tatsuno-system.co.jp/wp-content/uploads/cmn/cmn_footer_isms.jpg" alt="MSA_ISMS_mark" class="border-radius-6 bg-white mt-20" style="padding:10px; border-radius:6px;">
            <span class="cl-white f-12" style="position:absolute; bottom:-20px; width:155px; left:50%; transform:translateX(-50%);">Certified organizations: Head office, Tokyo branch</span>
          </a>
      </div>
  </div><!-- END #footer_top_inner -->
 </div><!-- END #footer_top -->

 <div id="footer_bottom">
  <div id="footer_bottom_inner" class="clearfix">

      <ul id="footer_social_link" class="clearfix">
                <li class="rss"><a class="target_blank" href="https://tatsuno-system.co.jp/en/feed/">RSS</a></li>   </ul>
   
   <p id="copyright">Copyright ©  <a href="https://tatsuno-system.co.jp/en/">TJS -Tatsuno Joho System-</a></p>

   <div id="return_top">
    <a href="#"><span data-no-translation="" data-trp-gettext="">PAGE TOP</span></a>
   </div>

  </div><!-- END #footer_bottom_inner -->
 </div><!-- END #footer_bottom -->

 
</div><!-- #site_wrap -->

 <script>
 
 jQuery(document).ready(function($){

  function after_load() {
    $('#site_loader_spinner').delay(300).fadeOut(600);
    $('#site_loader_overlay').delay(600).fadeOut(900);
    $('#site_wrap').css('display', 'block');
          }

  $(window).load(function () {
    after_load();
      });

  $(function(){
    setTimeout(function(){
      if( $('#site_loader_overlay').is(':visible') ) {
        after_load();
      }
    }, 3000);
  });

 });

 </script>


<div id="cookie-law-info-bar"><h5 class="cli_messagebar_head" data-no-translation="" data-trp-gettext="">個人情報に関するお知らせ</h5><span data-no-translation="" data-trp-gettext="">本サイトにおいてはサービス向上のためGoogle, Inc.のGoogle Analyticsを利用してサイトの計測を行っております。これに付随して生成されるテキストファイル「Cookie」を通じて分析を行うことがありますが、この際、IPアドレス等のユーザ様情報の一部が、Google, Inc.に収集される可能性があります。サイト利用状況の分析、サイト運営者へのレポートの作成、その他のサービスの提供目的に限りこれを使用します。利用者は、本サイトを利用することで、上記方法および目的においてGoogleが行うこうしたデータ処理につき許可を与えたものとみなします。<br />
※なお、「Cookie」は、ユーザー側のブラウザ操作により拒否することも可能です。ただしその際、本サイトの機能が一部利用できなくなる可能性があります。<br />
<a  data-cli_action="accept" id="cookie_action_close_header"  class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button" style="display:inline-block;  margin:5px; ">受け入れる</a> <a  id="cookie_action_close_header_reject"  class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header_reject cli_action_button"  data-cli_action="reject" style="margin:5px;" >拒否する</a> <a href='https://tatsuno-system.co.jp/%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC/' id="CONSTANT_OPEN_URL" target="_blank"  class="cli-plugin-main-link"  style="display:inline-block; margin:5px; " >Read More</a></span></div><div id="cookie-law-info-again" style="display:none;"><span id="cookie_hdr_showagain" data-no-translation="" data-trp-gettext="">Privacy & Cookies Policy</span></div><div class="cli-modal" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="cli-modal-dialog" role="document">
    <div class="cli-modal-content cli-bar-popup">
      <button type="button" class="cli-modal-close" id="cliModalClose">
        <svg class="" viewbox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg>
      </button>
      <div class="cli-modal-body">
        <div class="cli-container-fluid cli-tab-container">
    <div class="cli-row">
        <div class="cli-col-12 cli-align-items-stretch cli-px-0">
            <div class="cli-privacy-overview">
                                <h4></h4>                                         
                <div class="cli-privacy-content">
                    <p class="cli-privacy-content-text"></p>
                </div>
                <a class="cli-privacy-readmore" data-readmore-text="Show more" data-readless-text="Show less" data-no-translation-data-readmore-text="" data-no-translation-data-readless-text=""></a>            </div>
        </div>  
        <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container">
            <div class="cli-tab-section cli-privacy-tab">
                <div class="cli-tab-header">
                    <a class="cli-nav-link cli-settings-mobile" >
                                            </a>
                </div>
                <div class="cli-tab-content">
                    <div class="cli-tab-pane cli-fade">
                        <p></p>
                    </div>
                </div>

            </div>
                            <div class="cli-tab-section">
                <div class="cli-tab-header">
                    <a class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab" >
                        necessary 
                    </a>
                
                    <span class="cli-necessary-caption" data-no-translation="" data-trp-gettext="">Always Enabled</span>                 </div>
                <div class="cli-tab-content">
                    <div class="cli-tab-pane cli-fade" data-id="necessary">
                        <p></p>
                    </div>
                </div>
                </div>
                            <div class="cli-tab-section">
                <div class="cli-tab-header">
                    <a class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab" >
                        non-necessary 
                    </a>
                <label class="cli-switch">
                        <input type="checkbox" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary"checked />
                        <span class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled" data-no-translation-data-cli-enable="" data-no-translation-data-cli-disable=""></span>                           
                    </label>                </div>
                <div class="cli-tab-content">
                    <div class="cli-tab-pane cli-fade" data-id="non-necessary">
                        <p></p>
                    </div>
                </div>
                </div>
                       
        </div>
    </div> 
</div> 
      </div>
    </div>
  </div>
</div>
<div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div>
<div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div>
<script type="text/javascript">
  /* <![CDATA[ */
  cli_cookiebar_settings='{"animate_speed_hide":"500","animate_speed_show":"500","background":"#FFF","border":"#b1a6a6c2","border_on":false,"button_1_button_colour":"#000","button_1_button_hover":"#000000","button_1_link_colour":"#fff","button_1_as_button":true,"button_1_new_win":false,"button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":false,"button_2_hidebar":false,"button_3_button_colour":"#000","button_3_button_hover":"#000000","button_3_link_colour":"#fff","button_3_as_button":true,"button_3_new_win":false,"button_4_button_colour":"#000","button_4_button_hover":"#000000","button_4_link_colour":"#fff","button_4_as_button":true,"font_family":"inherit","header_fix":false,"notify_animate_hide":true,"notify_animate_show":false,"notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":false,"scroll_close_reload":false,"accept_close_reload":false,"reject_close_reload":false,"showagain_tab":true,"showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#000","show_once_yn":false,"show_once":"10000","logging_on":false,"as_popup":false,"popup_overlay":true,"bar_heading_text":"\u500b\u4eba\u60c5\u5831\u306b\u95a2\u3059\u308b\u304a\u77e5\u3089\u305b","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"}';
  /* ]]> */
</script>        <div id="trp-floater-ls" onclick="" data-no-translation class="trp-language-switcher-container trp-floater-ls-names trp-bottom-left trp-color-dark" >
            <div id="trp-floater-ls-current-language" class="trp-with-flags">
                <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()">
					<img class="trp-flag-image" src="https://tatsuno-system.co.jp/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English				</a>
            </div>
            <div id="trp-floater-ls-language-list" class="trp-with-flags" >
                <div class="trp-language-wrap">                    <a href="https://tatsuno-system.co.jp/2021/11/18/blog_selenium/"
                         title="Japanese">
          						  <img class="trp-flag-image" src="https://tatsuno-system.co.jp/wp-content/plugins/translatepress-multilingual/assets/images/flags/ja.png" width="18" height="12" alt="ja" title="Japanese">Japanese					          </a>
                <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"><img class="trp-flag-image" src="https://tatsuno-system.co.jp/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English</a></div>            </div>
        </div>

    <script type='text/javascript' src='https://tatsuno-system.co.jp/wp-includes/js/comment-reply.min.js?ver=5.5.7' id='comment-reply-js'></script>
<script type='text/javascript' id='trp-dynamic-translator-js-extra'>
/* <![CDATA[ */
var trp_data = {"trp_custom_ajax_url":"https:\/\/tatsuno-system.co.jp\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/tatsuno-system.co.jp\/wp-admin\/admin-ajax.php","trp_language_to_query":"en_US","trp_original_language":"ja","trp_current_language":"en_US","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","alt","content"],"gettranslationsnonceregular":"61d13ae409","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no"};
/* ]]> */
</script>
<script type='text/javascript' src='https://tatsuno-system.co.jp/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=1.9.2' id='trp-dynamic-translator-js'></script>
<script type='text/javascript' src='https://tatsuno-system.co.jp/wp-content/plugins/add-search-to-menu/public/js/ivory-search.js?ver=4.3.1' id='ivory-search-scripts-js'></script>
<script type='text/javascript' id='contact-form-7-js-extra'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/tatsuno-system.co.jp\/en\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://tatsuno-system.co.jp/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.3' id='contact-form-7-js'></script>
<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6LeWyo0UAAAAAOGhSoP-vndovaUbdNTVf84muOF9&ver=3.0' id='google-recaptcha-js'></script>
<script type='text/javascript' src='https://tatsuno-system.co.jp/wp-includes/js/wp-embed.min.js?ver=5.5.7' id='wp-embed-js'></script>
<script type='text/javascript' src='https://tatsuno-system.co.jp/wp-content/plugins/vk-all-in-one-expansion-unit/plugins/smooth-scroll/js/smooth-scroll.min.js?ver=9.1.3' id='vkExUnit_smooth-js-js'></script>
<script type='text/javascript' id='vkExUnit_master-js-js-extra'>
/* <![CDATA[ */
var vkExOpt = {"ajax_url":"https:\/\/tatsuno-system.co.jp\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='https://tatsuno-system.co.jp/wp-content/plugins/vk-all-in-one-expansion-unit/js/all.min.js?ver=9.1.3' id='vkExUnit_master-js-js'></script>
<script type="text/javascript">
( function( grecaptcha, sitekey, actions ) {

	var wpcf7recaptcha = {

		execute: function( action ) {
			grecaptcha.execute(
				sitekey,
				{ action: action }
			).then( function( token ) {
				var forms = document.getElementsByTagName( 'form' );

				for ( var i = 0; i < forms.length; i++ ) {
					var fields = forms[ i ].getElementsByTagName( 'input' );

					for ( var j = 0; j < fields.length; j++ ) {
						var field = fields[ j ];

						if ( 'g-recaptcha-response' === field.getAttribute( 'name' ) ) {
							field.setAttribute( 'value', token );
							break;
						}
					}
				}
			} );
		},

		executeOnHomepage: function() {
			wpcf7recaptcha.execute( actions[ 'homepage' ] );
		},

		executeOnContactform: function() {
			wpcf7recaptcha.execute( actions[ 'contactform' ] );
		},

	};

	grecaptcha.ready(
		wpcf7recaptcha.executeOnHomepage
	);

	document.addEventListener( 'change',
		wpcf7recaptcha.executeOnContactform, false
	);

	document.addEventListener( 'wpcf7submit',
		wpcf7recaptcha.executeOnHomepage, false
	);

} )(
	grecaptcha,
	'6LeWyo0UAAAAAOGhSoP-vndovaUbdNTVf84muOF9',
	{"homepage":"homepage","contactform":"contactform"}
);
</script>
</body>
</html>