Question

我的页面上有一个内联svg作为变量。我正在做一些修改。如何修改页面上的viewText（而不是svg图像）。如何在页面上显示viewText？

示例：

<script>
var viewText = "<svg width="400" height="100"><rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" /></svg>"

  var rect = document.getElementsByTagName("rect"); 
  for (var i = 0; i < rect.length; i++) { 
   //do something 
  }

document.write( viewText );//how do I output the modified 'viewText' code on the page?
/*e.g.: 
<svg width="400" height="100"><rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" /></svg> */
 </script>

Answer 1

像这样的东西

{
  "size": 30,
  "query": {
    "filtered": {
      "filter": {
        "bool": {
          "must": [
            {
              "nested": {
                "path": "parameters",
                "query": {
                  "bool": {
                    "must": [
                      {
                        "term": {
                          "parameters.param_id": "os"
                        }
                      },
                      {
                        "term": {
                          "parameters.param_values": "windows"
                        }
                      }
                    ]
                  }
                }
              }
            },
            {
              "nested": {
                "path": "parameters",
                "query": {
                  "bool": {
                    "must": [
                      {
                        "term": {
                          "parameters.param_id": "softwares"
                        }
                      },
                      {
                        "term": {
                          "parameters.param_values": "java"
                        }
                      }
                    ]
                  }
                }
              }
            }
          ]
        }
      }
    }
  }
}

Answer 2

只需在SVG元素中添加一个id并使用outerHTML：

$sql="SELECT Order_Code FROM Order WHERE CUST_CODE = '{$output['username']}';";

你将SVG作为一个字符串，你可以把它放在id =＆＃34; target＆＃34;：

的div中

<svg width="400" height="100" id="svg1">
   <rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" />
</svg>

<div id="target"></div>

var yourCode = document.getElementById("svg1").outerHTML;
document.getElementById("target").textContent=yourCode;

使用document.write（）输出标记

2 个答案: