optimize xpath

test/html/local-page.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    body {
+      background-color: lightblue;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <input id="username"/>
+    <button id="submit">Submit</button>
+  </div>
+  <div>
+    <iframe id="iframe" src="local-page2.html" width="100%" height="200px" frameborder="0"></iframe>
+</body>
+</html>

test/html/local-page2.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <style>
+    body {
+      background-color: lightgreen;
+    }
+  </style>
+</head>
+<body>
+  <div>
+    <input id="username"/>
+    <button id="submit">Submit</button>
+  </div>
+</body>
+</html>

test/html/test-ifream.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+
+  <div>
+    <input type="text" id="urlInput" placeholder="Enter URL">
+    <button onclick="loadIframe()">Submit</button>
+  </div>
+
+  <div>
+    <iframe id="iframe" src="local-page.html" width="100%" height="200px" frameborder="0"></iframe>
+  </div>
+
+  <br>
+
+  <div>
+    <iframe id="iframe" src="local-page.html" width="100%" height="200px" frameborder="0"></iframe>
+  </div>
+
+  <script>
+    function loadIframe() {
+      var url = document.getElementById('urlInput').value;
+      document.getElementById('iframe').src = url;
+    }
+  </script>
+</body>
+
+</html>